css3對於pc端有相容性，但對於移動端更友好些。
選擇符用法簡介
e:first-child
匹配父元素中的第乙個子元素e
e:last-child
匹配父元素中最後乙個e元素
e:nth-child(n)
匹配父元素的第n個子元素e
例如：
/*選擇ul中的第乙個子元素li*/
ul li:first-child
/*選擇ul中的第最後個子元素li*/
ul li:last-child
/*選擇ul中的第3個子元素li*/
ul li:nth-
child(3
)<
/style>
第乙個<
/li>
第二個<
/li>
第三個<
/li>
第四個<
/li>
<
/ul>
n是關鍵字：可以是偶數even，也可以是奇數odd，當nth-child(even)時，會把偶數的選中，nth-child(odd)時會把奇數的選中。
n是公式：n是從0開始計算的，0×1 1×2 2×2 3×2 4×2…，
ul li:nth-child(2n)其實就等同於even偶數；
ul li:nth-child(2n+1)其實就等同於odd奇數；
如果想選5的倍數，可以這樣寫：ul li:nth-child(5n)，也就是0×5 1×5 2×5 3×5 4×5…，想選3的倍數就3n，4的倍數就4n，很方便。
CSS3 CSS3外輪廓屬性
外輪廓outline在頁面中呈現的效果和邊框border呈現的效果極其相似，但和元素邊框border完全不同，外輪廓線不占用網頁布局空間，不一定是矩形，外輪廓是屬於一種動態樣式，只有元素獲取到焦點或者被啟用時呈現。outline屬性早在css2中就出現了，主要是用來在元素周圍繪製一條輪廓線，可以起到...
CSS3 CSS3新特性 2D轉換
什麼是轉換 transform 轉換可以理解為變形，可以實現元素的移動 translate 旋轉 rotate 縮放 scale 等效果 移動 translate transform translate x,y 總寫 transform translatex n transform translat...
CSS3 新增偽類
p first of type 父元素中第乙個p子元素 p lastt of type 父元素中最後乙個p子元素 p only of type 父元素中唯一乙個p子元素 p nth of type n 父元素中第n個p型別的p元素 p nth last of type n 父元素中倒數第n個p型別的...