CSS字体速记中的正斜杠是什么意思?


186

我在样式表中看到以下CSS声明:

font: 12px/18px ...

12px/18px部分到底是什么意思?


2
由于过于本地化而关闭它是不正确的。问题很简单,答案也很简单,但这显然是人们经常问的东西,并且答案很好。
Jukka K. Korpela 2012年

Answers:


206

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

该语法基于用于指定各个大小的印刷符号,并且仅适用于font速记属性。换句话说,以上声明只是扩展为以下内容:

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

与往常一样,如果将行高设置为相对值(例如,百分比或ems),则会相对于字体大小进行计算。

W3C CSS2.1 font属性参考
W3C CSS3字体模块font属性参考(语法从CSS2.1继承而来)


66

等效于:

font-size: 12px;
line-height: 18px;
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.