幾個常用 CSS 屬性的簡短寫法
精簡 CSS 代碼有很多種方法,但其中最常用的方法可能就是使用屬性的簡短形式。
具有簡短寫法的 CSS 屬性很多,但是常用的屬性無外乎字體、列表、背景、邊框、透明等幾種,所以在此對這幾種屬性的簡短寫法做個歸納,備忘。
font 屬性
font 屬性涉及到字體、字號、行高等好幾個屬性,使用簡短寫法的時候可以節省好多代碼量。雖然并非所有屬性都要定義,但是一般來說 font-size 和 font-family 是必不可少的,以下是 font 的幾個屬性與其對應的默認值:
以上 6 個屬性可以合并成一行,根據 W3C 規范,各屬性前后排列順序依次為:
再看以下幾個示例:
可以看到,一行代碼就可以代替一段代碼,而且看起來還更優雅一些,就是單獨查找某個屬性的時候有點不太方便,看著眼花。
list 屬性
list 有三個屬性,這三個屬性分別定義:type、image 和 position,它們的屬性名和默認值分別如下:
list 只有三個屬性,并不復雜,但是我們仍然可以將這三個屬性合并為在一行中,根據 W3C 規范,寫法如下:
|
新聞熱點
疑難解答