1.ID選擇器 #elem id="elem 註釋： 1.ID是唯一，在一個頁面中只能出現一次，出現多次是不符合規範的。 2.命名的規範，由字母，下劃線，中線，字母（並且第一個不嫩是數字） 3.駝峰寫法：search Button（小駝峰）Search Button（大駝峰） 短線寫法：search-small-Button 下劃線寫法：search_small_butto 2.class選擇器 .elem class="elem" 註釋： 1.一個class選擇器是可以複用的。 2.可以新增多個class樣式。 3.多個樣式的時候，樣式優先順序根據css決定的，而不是class屬性中的順序 4.標籤+類的寫法 3.標籤選擇器<tag選擇器> div 使用場景： 1.去掉某些標籤的預設樣式 2.複雜的選擇器中。如層次選擇器 4.群組選擇器（分組選擇器） 可以通過逗號的方式，給多個不同的選擇器新增統一的css樣式，來達到程式碼的複用 5.通配選擇器 * 註釋： 1.通配選擇器可以設定所有標籤 6.層次選擇器 後代選擇器 m n 父子選擇器 m>n 兄弟選擇器 m~n 當前M下的所有兄弟的n標籤 相鄰選擇器 m+n 7.屬性選擇器 m[attr] =:完全匹配 *=：部分匹配 ^=:起始匹配 $=：結束匹配 8.偽類選擇器 m：偽類 ：link 訪問前的樣式 （只能新增給a標籤） ：visited 訪問後的樣式（只能新增給a標籤） ：hover 滑鼠移入時的樣式（可以新增給所有標籤） ：active 滑鼠按下時的樣式 (可以新增給所有標籤) ：after,：before 通過偽類的方法給元素新增一段文字內容，使用content屬性 ：checked,:disabled,:focus 都是針對表單元素的

     結構性偽類選擇器
        nth-of-type（） nth-child（）
        角標時從1開始的，1.表示第一項。2.表示第二項
        first-of-type
        last-of-type
        only-of-type

9.css繼承 文字相關的樣式可以被繼承 佈局相關的樣式不能被繼承（預設是不能繼承的，但是可以設定繼承屬性 inherit） 10.css優先順序 1.相同樣式的優先順序 當設定相同樣式時，後面的優先順序較高，但是不建議出現重複設定樣式的情況 2.內部樣式與外部樣式 內部樣式與外部樣式優先順序相同，當設定相同樣式時，後面的優先順序較高，但是不建議出現重複設定樣式的情況 3.單一樣式優先順序 style行間>id>class>tag（標籤）>*>繼承 註釋： 權重值：style行間：權重1000 id 權重100 class 權重10 tag 權重1 4.！important 提升樣式優先順序，非規範，不建議使用，且不能針對繼承的屬性進行優先順序的提升 5.標籤+類>單類 6.群組優先順序與單一選擇器優先順序相同，靠後的優先順序高 7.層次優先順序 1.權重比較 ul li .box p input 1+1+10+1+1 .hello span #elem 10+1+100 2.約分比較 ul li .box p input li p input .hello span #elem #elem