带斜杠的 CSS 字体大小

这里的斜线是什么意思:

font: 100%/120%;
28471 次浏览

这实际上设置了两个属性,等效于:

font-size: 100%;
line-height: 120%;

引用 正式文件的话:

此属性的语法基于传统的排印速记符号,用于设置与字体相关的多个属性。

正如 David M 在评论中所说,它反映了排版的传统,将字体大小指定为“ pt 上的 X pt”,以表示字形在行高上的大小。

但是问题中的例子实际上是错误的,浏览器会忽略它: 您只能在 font速记符号中组合这两个属性,而且 必须的至少同时指定字体大小和系列。因此,仅仅编写 font: 100%/120%;是不够的; 你可以添加一个通用的姓氏来使其有效,例如:

font: 100%/120% serif;

Konrad 得到了这个,但是有很多像这样的 CSS 速记属性可以用来缩短样式表。有些看起来有点神秘,如果你不知道的话。