2023學(xué)年完整公開課版jQuery與CSS3

jQuery與CSS3北京電子科技職業(yè)學(xué)院CSS3標(biāo)準(zhǔn)一CSS3特性二瀏覽器兼容性三目錄ContentsjQuery的引入四CSS3標(biāo)準(zhǔn)1CSS3標(biāo)準(zhǔn)CSS早在1996年作為標(biāo)準(zhǔn)被W3C推出，版本是CSS11998年W3C推出新的CSS2版本2007年8月發(fā)布最新的CSS3標(biāo)準(zhǔn)CSS3特性2圓角表格，對(duì)應(yīng)屬性:border-radius以往對(duì)網(wǎng)頁上的文字加特效只能用filter這個(gè)屬性，這次CSS3中專門制訂了一個(gè)加文字特效的屬性，而且不止加陰影這種效果，對(duì)應(yīng)屬性:font-effect豐富了對(duì)鏈接下劃線的樣式，以往的下劃線都是直線，現(xiàn)在有波浪線、點(diǎn)線、虛線等，還可對(duì)下劃線的顏色和位置進(jìn)行任意改變，對(duì)應(yīng)屬性:text-underline-style，text-underline-color，text-underline-mode，text-underline-positionCSS3特性邊框：border-color:控制邊框顏色border-image:控制邊框圖像border-corner-image:控制邊框邊角的圖像border-radius:能產(chǎn)生類似圓角矩形的效果背景：background-origin:決定了背景在盒模型中的初始位置，提供了3個(gè)值，border,padding和content文字效果：text-shadow:文字投影，text-overflow:當(dāng)文字溢出時(shí)，用"…"提示CSS3特性顏色：RGBAcolors:實(shí)現(xiàn)背景顏色透明而文字不透明的效果動(dòng)畫屬性：變形(transform)、轉(zhuǎn)換(transition)和動(dòng)畫(animation)選擇器：CSS3增加了更多的CSS選擇器，可以實(shí)現(xiàn)更簡單但是更強(qiáng)大的功能CSS3特性瀏覽器兼容性3CSS3屬性除了IE家族和Firefox3，其它幾乎全部支持全盤支持CSS3屬性的瀏覽器有Chrome和Safari，而且不管是Mac平臺(tái)還是Windows平臺(tái)全支持。CSS3選擇器瀏覽器兼容性即使同一個(gè)瀏覽器的同一個(gè)版本，在MAC和Windows兩個(gè)平臺(tái)，它們對(duì)CSS3的支持也并不一致。jQuery的引入4jQuery的引入jQuery的框架中通過預(yù)先的JavaScript編程，提供了幾乎所有CSS3標(biāo)準(zhǔn)下的選擇器。jQuery的選擇器兼容性非常好，在目前主流的瀏覽器中都可以使用。開發(fā)者可以按