1.標籤選擇器：根據指定的標籤名稱，在當前介面中找到所有該名稱的標籤，然後設定屬性

 格式：標籤名稱

            {

               屬性名稱：屬性值

            }

 注意點：標籤選擇器選中的是當前頁面所有的該名稱的標籤

2.id選擇器：根據指定的id找到對應的標籤，然後設定屬性

 格式：#id名稱{

            屬性名稱：屬性值

             }

 注意點：

 * 每一個html標籤都有id屬性

 * 同一個介面中id名稱不可以重復

 * 編寫id選擇器時要加#，否則無效

 * id的名稱只能由字母、數字、下劃線組成，不能以數字開頭，不能是標籤名稱，企業中，如果僅僅設定樣式，不會使用id，一般是給js用的

3.類選擇器：根據指定的類名稱找到對應的標籤，然後設定屬性

 格式：. 類名稱{

            屬性名稱：屬性值

            }

注意點：

 * 每一個html標籤都有class屬性

 * 同一個介面中class名稱可以重複

 * 編寫類選擇器時要加.，否則無效

 * class 名稱只能由字母、數字、下劃線組成，不能以數字開頭，不能是標籤名稱，專門給css使用

 * 在html中內一個標籤可以同時繫結多個類名稱 <p class="one two">哈哈哈哈</p>

 * 企業開發中，一般要將公共的程式碼抽取到一個類中，然後將類與標籤關聯

4.後代選擇器

 格式：標籤名稱1 標籤名稱2{

                  屬性名稱：屬性值

              }

 含義：先找到標籤名稱1，然後在標籤名稱1之下查詢所有名稱為標籤名稱2的標籤，然後設定屬性，空格代表找標籤1的後代

 注意點：

 * 後代選擇器必須用空格隔開

 * 後代不一定是兒子，包括孫子等，只要是放到指定標籤中的都是後代

 * 後代選擇器不僅僅可以使用標籤名稱，還可以使用其他選擇項，比如類名，id名稱等

 * 可以用類名稱與類名稱的組合，id名稱和id名稱的組合，標籤名稱和類名稱的組合等等

     #類名1 類名2{

             屬性名稱：屬性值

     }

    . id名稱1 id名稱2{

             屬性名稱：屬性值；

      }

 *後代選擇器 可以無限的往下延伸

  名稱1 名稱2 名稱3{

             屬性名稱：屬性值；

   }

5.子元素選擇器：