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

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

font: 12px/18px ...

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

10983 次浏览

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

该语法基于用于指定相应大小的印刷符号,并且仅适用于 font速记属性。换言之,上述声明只是扩大到以下方面:

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

一如既往,如果您将行高设置为一个相对值(例如百分比或 ems) ,那么它是相对于字体大小计算的。

W3C CSS2.1 font属性引用
W3C CSS3字体模块 font属性引用 (语法继承自 CSS2.1)

它相当于:

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