**1.標簽選擇器**
標簽名{
屬性名：屬性值
}
例如： div{
width：100px；
}
**2.通用選擇器**
*{
屬性名：屬性值
}
例如： *{
margin：0；
padding：0；
}
性能極低，常用於清楚默認樣式，測試使用
**3.類選擇器**
給標簽用class命名
例如給標簽命名為 class=“nav”
.nav{
屬性名：屬性值
}
**4.id選擇器**
給標簽用id命名
例如：給標簽命名為 id=“nav”
#nav{
屬性名：屬性值
}
注意：一個ID名只能給一個標簽
一個標簽只有一個ID名
**5.后代選擇器**
選擇某一元素的后代元素
例如：
<div class=“father”>
<div class=“son”>
</div>
</div>
.father .son{
屬性名：屬性值
}
由內向外查找，先找到祖先，再標記后代
**6.子選擇器**
選擇元素的直接后代
父選擇器>子選擇器{
屬性名：屬性值
}
**7.相鄰兄弟選擇器**
選擇緊挨元素的后一個元素
元素名+兄弟名{
屬性名：屬性值
}
**8.通用兄弟選擇器**
選擇該元素后面某一類兄弟
元素名~兄弟名{
屬性名：屬性值
}
**9.並集選擇器**
將兩個不相干的元素同時添加相同屬性
元素1，元素2{
屬性名：屬性值
}
**10.交集選擇器**
元素名.類名（#id名）{
屬性名：屬性值
}
**css三大特性：**
1、繼承：父級文本樣式被子級繼承
2、層疊：當樣式發生沖突時，權重低的樣式會被覆蓋
3、優先級：
！important > 行內樣式 > id > 類 > 標簽 > * > 繼承
遵循就近原則