新增的css3特性有相容性問題，ie9才支援
1、屬性選擇器
屬性選擇器可以根據元素特定屬性來選擇元素，這樣就可以不用借助於類或者id選擇器。
注：類選擇器、屬性選擇器、偽類選擇器，權重都為10
2、結構偽類選擇器
結構偽類選擇器主要根據文件結構 來選擇元素，常用於根據父級選擇器裡面的子元素
nth-child（n）選擇某個父元素的乙個或多個特定的子元素
（1）n可以是數字，關鍵字和公式；
（2）n如果是數字，就是選擇第n個子元素，裡面數字從1開始；
（3）n可以是關鍵字： even偶數，odd奇數；
（4） n可以是公式：常見的公式如下（如果n是公式，則從0開始計算，但是第0個元素或者超出了元素的個數會被忽略）
3、偽元素選擇器（重點）
偽元素選擇器可以幫助我們利用css建立新標籤元素，而不需要html標籤，從而簡化html結構
選擇符：
::before: 在元素內部的前面插入內容；
::after: 在元素內部的後面插入內容。
注：（1）before和after建立乙個元素，但屬於行內元素；
（2）新建立的這個元素在文件數中是找不到的，所以稱為偽元素；
（3）語法：element::before {};
（4）before和after必須有content屬性；
（5）before在父元素內容的前面建立元素，after在父元素內容的後面插入元素；
（6）偽元素選擇器和標籤選擇器一樣，權重為1。
偽元素清除浮動（給父級新增css樣式）
第一種：
.clearfix:after.clearfix::before,
.clearfix::after
.clearfix::after
1、box-sizing: content-box 盒子大小為width+padding+border （以前預設）
2、box-sizing: border-box盒子大小為width; （這樣就不會撐大盒子了）
過渡（transition）是css3中具有顛覆性的特徵之一，現在經常和:hover 一起搭配使用
transition: 要過度的屬性 花費時間 運動曲線 何時開始；css3學習筆記（一）
e f 包含選擇器 包括孫子輩的 e f 子選擇器 不包括孫子輩的 e f 相鄰選擇器 e f 兄弟選擇器 選中e出現的後面的兄弟 中國十大傑出人物 別人家的孩子 別人家的爸爸 別人家的媽媽 別人家的老公 別人家的老婆 別人家的公公 別人家的婆婆 別人家的公司 別人家的領到 別人家的員工 偽類選擇器...
CSS3學習筆記（一）
css 1 邊框 1.1邊框的樣式 border width style color 1.2邊框四個角的半徑 border top left radius top px left px border top right radius border bottom left radius border ...
原創 css3 學習筆記 一
旋轉 rotate 10deg 代表 順時針旋轉10 可以為scale 尺寸放大縮小 skew表示傾斜角度 translate表移動距離 transform rotate 10deg webkit transform rotate 10deg moz transform rotate 10deg 陰...