CSS中带斜杠的字体大小

时间:2009-03-31 16:00:06

标签: html css size

这里的斜线是什么意思:

font: 100%/120%;

2 个答案:

答案 0 :(得分:177)

这实际上设置了两个属性,相当于:

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

引用official documentation

  

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

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

但是您的问题中的示例实际上是错误的并且会被浏览器忽略:您只能以font简写表示法合并这两个属性,并且必须至少指定字体大小和家庭。因此,仅仅编写font: 100%/120%;是不够的;您可以添加通用系列名称,以使其有效,例如:

font: 100%/120% serif;

答案 1 :(得分:14)

Konrad得到了这个,但是有很多CSS shorthand这样的属性可以用来缩短你的样式表。如果你不了解它们,其中一些看起来有点神秘。