1: CSS3選擇器部分
E[att^="val"] 匹配具有att屬性、且值以val開(kāi)頭的E元素
E[att$="val"] 匹配具有att屬性、且值以val結(jié)尾的E元素
E[att*="val"] 匹配具有att屬性、且值中含有val的E元素
E:root 匹配文檔的根元素。在HTML中，根元素永遠(yuǎn)是HTML
E:nth-child(n) 匹配父元素中的第n個(gè)子元素E
E:nth-last-child(n) 匹配父元素中的倒數(shù)第n個(gè)結(jié)構(gòu)子元素E
E:nth-of-type(n) 匹配同類型中的第n個(gè)同級(jí)兄弟元素E
E:nth-last-of-type(n) 匹配同類型中的倒數(shù)第n個(gè)同級(jí)兄弟元素E
E:last-child 匹配父元素中最后一個(gè)E元素
E:first-of-type 匹配同級(jí)兄弟元素中的第一個(gè)E元素
E:only-child 匹配屬于父元素中唯一子元素的E
E:only-of-type 匹配屬于同類型中唯一兄弟元素的E
E:empty 匹配沒(méi)有任何子元素（包括text節(jié)點(diǎn)）的元素E
:target 匹配相關(guān)URL指向的E元素
E:enabled 匹配所有用戶界面（form表單）中處于可用狀態(tài)的E元素
E:disabled 匹配所有用戶界面（form表單）中處于不可用狀態(tài)的E元素
E:checked 匹配所有用戶界面（form表單）中處于選中狀態(tài)的元素E
E::selection 匹配E元素中被用戶選中或處于高亮狀態(tài)的部分
E:not(s) 匹配所有不匹配簡(jiǎn)單選擇符s的元素E
E ~ F 匹配E元素之后的F元素

2、 CSS3特效部分1：圓角，陰影，漸變
border-radius
box-shadow
text-shadow
-webkit-gradient

3、 CSS3特效部分2：背景，邊框背景
background-origin
background-clip
background-size
multiple backgrounds
border-image

4、 CSS3特效部分3： 變形
rotate
X/Y/Z
scale
translate
transform-origin,transition-property,transition-duration,
transition-timing-function,transition-delay'
skew
matrix

5、 CSS3特效部分4：動(dòng)畫(huà)
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
-webkit-animation-direction

第 1 選擇器 

第 2 RGBA和透明度 

第 3 多欄布局 

第 4 多背景圖 

第 5 Word Wrap 

第 6 文字陰影 

第 7 @font-face屬性 

第 8 圓角(邊框半徑) 

第 9 邊框圖片 

第 10 盒陰影 

第 11 盒子大小 

第 12 媒體查詢 

第 13 語(yǔ)音

擴(kuò)展資料:

工作原理

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

新增特性中transform的原理較為特殊，雖然使用位移函數(shù)translate()、縮放函數(shù)scale()、旋轉(zhuǎn)函數(shù)rotate()和傾斜函數(shù)skew()可以簡(jiǎn)單地實(shí)現(xiàn)變形，但是變形中的矩陣函數(shù)都可以使用matrix()函數(shù)來(lái)代替。

新增特性

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