CSS基礎速刷 - 非佈局樣式(未完待續)

一个甜橙子發表於2024-10-20
  1. 全稱:Cascading Style Sheet

2. 選擇器

選擇器 {
屬性:值;
屬性:值;
}
選擇器用於匹配HTML元素,有不同的匹配規則,多個選擇器可以疊加。
瀏覽器解析CSS選擇器方式和我們寫選擇器的方式是相反的:從右往左

選擇器分類

偽元素(雙冒號)是真實存在的元素,可以被顯示出來的元素;偽類(單冒號),當滑鼠hover或者。。。元素某種狀態下的樣式。

選擇器的權重

例子:

事實上,10個類選擇器不等於1個id選擇器的權重,多少個類選擇器疊加都抵不過一個id選擇器。
其他規則:
直接寫在屬性裡面的style=屬性的權重是最高的。
權重一樣:就近原則。

  1. 非佈局樣式:字型
  • 字型族 font-family
    襯線字型(宋體) 非襯線字型(蘋方) 等寬字型 手寫體 花體
  • 多字型 fallback:系統找不到該字型就往後找。
  • 網路字型、自定義字型
  • iconfont

  1. 非佈局樣式:行高

相關文章