什么是CSS3？

CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本，于1999年開(kāi)始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊。

CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新，因此通過(guò)采用模塊方法，CSS3規(guī)范里的元素能以不同速度向前發(fā)展，因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時(shí)間支持不同特性，這也讓跨瀏覽器開(kāi)發(fā)變得復(fù)雜。

CSS3原理同CSS，是在網(wǎng)頁(yè)中自定義樣式表的選擇符，然后在網(wǎng)頁(yè)中大量引用這些選擇符。

新增特性

CSS3的新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實(shí)現(xiàn)透明效果、漸變效果、使用@Font-Face實(shí)現(xiàn)定制字體、多背景圖、文字或圖像的變形處理（旋轉(zhuǎn)、縮放、傾斜、移動(dòng)）、多欄布局、媒體查詢等。

RGBA是RGB色彩模型的一個(gè)擴(kuò)展。在本質(zhì)上看也是為設(shè)置的元素增加了一個(gè)alpha通道，即除了紅綠藍(lán)三種顏色外還增加一個(gè)代表透明度的通道，其中RGB值分別表示紅色、綠色、藍(lán)色，而alpha取值則為0到1（小數(shù)位一位）。

background屬性

background-image：設(shè)置元素的背景圖像。background-origin：規(guī)定背景圖片的定位區(qū)域。background-size：規(guī)定背景圖片的尺寸。background-repeat：設(shè)置是否及如何重復(fù)背景圖像。

本文整合自 html中文網(wǎng)、DIVCSS5

責(zé)任編輯：fqj