CSS字体缩写中的斜杠代表什么?

190
我在样式表中看到以下CSS声明:
font: 12px/18px ...

“12px/18px”部分具体是什么意思?


2
关闭此问题并标记为“过于局限”是不正确的。这个问题很简单,答案也很简单,但显然这是人们经常问的问题,并且有一个好的答案。 - Jukka K. Korpela
2个回答

209

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

这种语法是基于印刷排版符号来指定相应的尺寸,只适用于font缩写属性。换句话说,上述声明等同于以下内容:

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

如果你将行高设置为相对值(例如百分比或em单位),它会相对于字体大小进行计算。

W3C CSS2.1 font属性参考
W3C CSS3字体模块font属性参考(语法来自CSS2.1)


66

它相当于:

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接