DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS 對font字體定義的簡寫代碼
CSS 對font字體定義的簡寫代碼
編輯:CSS詳解     
  • 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 fontverdana,sans-serif bold italic small-caps 9pt/1.5em;

    是不是清爽多了?不過使用這種簡寫形式,要注意只有在同時指定font-size和font-family屬性時才起作用。如果你沒有設定font-weight, font-style, 以及font-varIEnt,他們會使用缺省值,這點要記住哦! 


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved