这里的斜杠是什么意思?
font: 100%/120%;
这实际上设置了两个属性,相当于:
font-size: 100%;
line-height: 120%;
根据官方文档的说法:
该属性的语法基于传统的排版速记符号符号,用于设置与字体相关的多个属性。
正如David M在评论中所说,它反映了指定字体大小为“x pt on y pt”以表示字形大小和行高的排版传统。
但是你问题中的示例实际上是错误的,并且将被浏览器忽略:您只能在font
shorthand 符号符号中组合这两个属性,并且您必须至少指定字体大小和字体系列。因此,仅写font: 100%/120%;
是不够的;但您可以添加通用字体系列名称以使其有效,例如:
font: 100%/120% serif;
font: 12px/16px;
但是接受这个:font: 12px/16px sans-serif;
这种行为也在这里有记录。 - kumarharshKonrad理解了这一点,但是有很多类似的CSS简写属性可以用来缩短您的样式表。如果您不了解其中一些属性,它们中的一些看起来可能有些神秘。
border-*
。David在评论中对我的回答给出了很好的解释。至于简写是否晦涩难懂:确实如此,但它们非常有用且相当容易学习。 - Konrad Rudolph
font-size
不接受正斜杆。正确的属性是font
。 - BoltClock