CSS字型樣式的縮寫

正常情況下，字型樣式的縮寫是這樣的:

font:font-style font-variant font-weight font-size line-height font-family;

font-style是字型樣式，斜體（italic）、傾斜體(oblique)、正常(normal)、繼承(inherit)

font-variant是字型變體，normal、small-caps、inherit

其他的屬性很常見，就不用一一解釋了。

注意：1、如果定義了部分字型樣式屬性，同樣也可以縮寫，但font-size和font-family這兩項必須定義，且位置按順序排在值清單的最後。2、font-size和line-height使用同一計量機關，為了保證CSS樣式正确性，在縮寫時必須使用“/”來分隔這兩項。并且字型顔色不可以同字型樣式一起縮寫，必須單獨定義。

div{font:italic normal bold 12px/20px “宋體“; color:#369;}

字型為中文時，加不加引号都可以，但是規範的寫的話最好加上引号哦！！！

經常看到有人這樣縮寫：

.box{font:16px/20px "宋體";}  或者div{font:12px/1.5 tahoma, arial,宋體\5b8b\4f53},其中\5b8b\4f53是指中文字型“宋體”經過Unicode編碼後為5b8b\4f53。是以也可以這樣寫div{font: 12px/1.5 tahoma,arial,\5b8b\4f53;}。

如果定義了部分字型樣式屬性，

同樣也可以縮寫，

但

font-size

和

font-family

這兩

項必須定義，且位置按順序排在值清單的最後。