CSS對Font的定義恐怕每個人寫的CSS文件裡都要有吧?為了減小CSS文件的體積,對font標簽各個屬性的定義采用簡寫形式就顯得尤其重要了。采用簡寫形式不但閱讀方便,而且還不容易出錯,以下面這段對字體定義的代碼為例,來說下CSS對font標簽定義的縮寫形式。
先來看比較標准的CSS字體定義代碼:
1
font-family:verdana,sans-serif;
2
font-weight:bold;
3
font-style:italic;
4
font-varIEnt:small-caps;
5
font-size:9pt;
6
line-height:1.5em;
以下代碼的含義這裡就不解釋了,今天我們主要關注是如何把他們變成簡寫的形式。上面的代碼,可以寫成下面的代碼,只需一行就可:
1
font
:
verdana
,
sans-serif
bold
italic
small-caps
9pt
/
1.5em
;
是不是清爽多了?不過使用這種簡寫形式,要注意只有在同時指定font-size和font-family屬性時才起作用。如果你沒有設定font-weight, font-style, 以及font-varIEnt,他們會使用缺省值,這點要記住哦!