2010-11-02 73 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;