- 全稱:Cascading Style Sheet
2. 選擇器
選擇器 {
屬性:值;
屬性:值;
}
選擇器用於匹配HTML元素,有不同的匹配規則,多個選擇器可以疊加。
瀏覽器解析CSS選擇器方式和我們寫選擇器的方式是相反的:從右往左
選擇器分類
偽元素(雙冒號)是真實存在的元素,可以被顯示出來的元素;偽類(單冒號),當滑鼠hover或者。。。元素某種狀態下的樣式。
選擇器的權重
例子:
事實上,10個類選擇器不等於1個id選擇器的權重,多少個類選擇器疊加都抵不過一個id選擇器。
其他規則:
直接寫在屬性裡面的style=
屬性的權重是最高的。
權重一樣:就近原則。
- 非佈局樣式:字型
- 字型族 font-family
襯線字型(宋體) 非襯線字型(蘋方) 等寬字型 手寫體 花體 - 多字型 fallback:系統找不到該字型就往後找。
- 網路字型、自定義字型
- iconfont
- 非佈局樣式:行高