2010-11-02 74 views
181

我看到下面的CSS聲明在樣式表:這是什麼CSS字體速記語法是什麼意思?

font: 12px/18px ... 

什麼是12px/18px部分意味着什麼?

+50

驚訝於上票爲這一個巨大的數額。 – 2010-11-07 20:52:44

+13

@The Pixel開發人員:您看到[JavaScript'(0 <5 <3)'](http://stackoverflow.com/questions/4089284/why-does-0-5-3-return-true) ? :D – BoltClock 2010-11-09 04:49:01

+8

我並不感到驚訝,我一直在做CSS超過10年,直到兩年前才遇到過。 – 2010-12-17 21:18:50

回答

201

12px是字體大小,18px是行高。

該語法基於用於指定各個大小的印刷符號,並且僅適用於font速記屬性。換句話說,上面的聲明擴展爲以下內容:

font-size: 12px; 
line-height: 18px; 

與往常一樣,如果將線高度的相對值(例如百分比或EMS),它的計算出的相對的字體大小。

W3C CSS2.1 font property reference
W3C CSS3 Fonts Module font property reference(語法從CSS2.1進行過)

67

它等同於:

font-size: 12px; 
line-height: 18px;