1.內部樣式

　　

2.外部樣式

3.行內樣式

4.樣式優先順序

!important>行內樣式>內部樣式>外部樣式 5.標籤選擇器 直接選中標籤新增樣式 6.類選擇器class <div class="類名"></div> 使用：.類名 7.id選擇器 <div id="類名"></div> 使用:#類名 8.萬用字元 * （選中全域性） 9.群組選擇器 例如：<div class="content"> 　　　<p></p> 使用：.contene ,p 注意用逗號隔開，作用提出公共程式碼，節約程式碼量 10.後代選擇器 例如：<div> 　　　　<p></p> 　　　</div> 使用：div>p 11.偽類選擇器 　　　a:link超連結初始狀態 a:visited超連結被訪問後狀態 e:hover滑鼠懸停超連結狀態 e:active滑鼠按下超連結的狀態 注意：後兩個其他標籤也可以使用 12.選擇器權重 　<!-- 0 0 0 0 --> <!-- 型別選擇器 0 0 0 1 --> <!-- class選擇器 0 0 1 0 --> <!-- id選擇器 0 1 0 0 --> <!-- 群組選擇器 選擇器自身大小 --> <!-- 包含選擇器 選擇器權重之和 --> <!-- 行內樣式表 1 0 0 0 --> <!-- ！improtantt 權重最大 --> <!-- 繼承實際權重 0 0 0 0--> 13.層級選擇器 +當前元素的第一個兄弟 例如：div+p ~當前元素的所有兄弟 例如：div~p 14.屬性選擇器 1. E[attr] 擁有attr屬性的E元素新增樣式 2. E[attr="val"] 擁有attr屬性值為val的E元素新增樣式 3. E[attr*="val"] attr屬性值包含val的E元素新增樣式 4. E[attr^="val"] attr屬性值以val開頭的E元素新增樣式 5. E[attr$="val"] attr屬性值以val結尾的E元素新增樣式 15.結構偽類選擇器 　　1. E:first-child 獲取到E元素，且要滿足為其父元素的第一個孩子。 　　2. E:last-child 獲取到E元素，且要滿足為其父元素的最後一個孩子 　　3. E:nth-child(n) 獲取到E元素，且要滿足為其父元素的第n個孩子 n的用法： (1)6n倍數 (2)even偶數 odd奇數 (3)-n+5 選中1-5 (4)p:nth-child(-n+3):nth-child(n+2) 2-3個 4. E:nth-last-child(n) 獲取到E元素，且要滿足為其父元素的倒數第n個孩子
5. E:first-of-type 獲取到E元素，且要滿足為其父元素的第一個該型別的孩子 6. E:last-of-type 獲取到E元素，且要滿足為其父元素的最後一個該型別的孩子 7. E:nth-of-type(n) 獲取到E元素，且要滿足為其父元素的第n個該型別的孩子 8. E:nth-last-of-type(n)獲取到E元素，且要滿足為其父元素的倒數第n個該型別的孩子 9. E:empty 獲取到空的E元素（連空格都不能有） 16.否定選擇器 E：not(); 17.ui狀態偽類 e:enabled應用狀態下 e:disabled禁用狀態下 e:focus有焦點會獲取此選擇器 e::selection被選中或者高亮狀態時