（整理中······）web
1、選擇器瀏覽器
新增的僞類佈局
一、p:first-of-type 選擇屬於其父元素的首個 <p> 元素的每一個 <p> 元素。post
二、p:last-of-type 選擇屬於其父元素的最後 <p> 元素的每一個 <p> 元素。字體
三、p:only-of-type 選擇屬於其父元素惟一的 <p> 元素的每一個 <p> 元素。動畫
四、p:only-child 選擇屬於其父元素的惟一子元素的每一個 <p> 元素。orm
五、p:nth-child(2) 選擇屬於其父元素的第二個子元素的每一個 <p> 元素。blog
2、盒子模型圖片
新增了邊框屬性：ip
一、border-radius
支持瀏覽器：IE9+、Firefox、Chrome、Safari 、Opera
二、box-shadow 向方框添加一個或多個陰影
支持瀏覽器：IE9+、Firefox、Chrome、Safari 、Opera
三、border-image
支持瀏覽器：Firefox（舊版本須要前綴-moz-）、Chrome（舊版本須要前綴-webkit-）、Safari（Safari 5 以及更老的版本須要前綴 -webkit-） 、Opera（ 須要前綴 -o-）
3、背景
一、background-size 規定背景圖片的尺寸
支持瀏覽器：IE9+、Firefox（舊版本須要前綴-moz-）、Chrome、Safari、Opera
二、background-origin 規定背景圖片的定位區域，背景圖片能夠放置於 content-box、padding-box 或 border-box 區域。
支持瀏覽器：IE9+、Firefox、Chrome、Safari、Opera
三、background-clip 規定背景的繪製區域
支持瀏覽器：IE9+、Firefox、Chrome、Safari、Opera
4、文本效果
一、text-shadow 可向文本應用陰影
支持瀏覽器：IE十、Firefox、Chrome、Safari、Opera
二、word-wrap 容許文本強制文本進行換行 - 即便這意味着會對單詞進行拆分
支持瀏覽器：全部主流瀏覽器
5、字體
@font-face
6、2D/3D轉換
一、transform 向元素應用 2D 或 3D 轉換
支持瀏覽器：
IE10：2D、3D都支持（2D IE9 須要前綴 -ms-）；
Firefox：2D、3D都支持；
Chrome：2D、3D都支持（2D、3D須要前綴 -webkit-）；
Safari：2D、3D都支持（2D、3D須要前綴 -webkit-）；
Opera：只支持2D
2D轉換方法：
3D轉換方法：
二、transform-origin 容許你改變被轉換元素的位置
7、過渡與動畫
一、transition
支持瀏覽器：IE 十、Firefox、Chrome（Chrome 25 以及更早的版本，須要前綴 -webkit-）、Opera、Safari（ 須要前綴 -webkit-）
二、@keyframes 用於建立動畫。在 @keyframes 中規定某項 CSS 樣式，就能建立由當前樣式逐漸改成新樣式的動畫效果。
支持瀏覽器：IE 十、Firefox、Chrome（Chrome 25 以及更早的版本，須要前綴 -webkit-）、Opera、Safari（ 須要前綴 -webkit-）
三、animation
支持瀏覽器：IE 十、Firefox、Chrome（Chrome 25 以及更早的版本，須要前綴 -webkit-）、Opera、Safari（ 須要前綴 -webkit-）
8、多列布局
9、用戶界面