【发布时间】:2010-10-16 15:34:01
【问题描述】:
这里的斜线是什么意思:
font: 100%/120%;
【问题讨论】:
-
font-size不接受斜线。正确的属性是font。 -
这些怎么样?背景:“rgba(0, 0, 0, 0) 无重复滚动 0% 0% / 自动填充框边框框"
这里的斜线是什么意思:
font: 100%/120%;
【问题讨论】:
font-size 不接受斜线。正确的属性是font。
这实际上设置了两个属性,相当于:
font-size: 100%;
line-height: 120%;
此属性的语法基于传统的印刷简写符号来设置与字体相关的多个属性。
正如 David M 在 cmets 中所说,它反映了将字体大小指定为“x pt on y pt”的排版传统,以表示行高上的字形大小.
但是您问题中的示例实际上是错误的,并且会被浏览器忽略:您只能在 font 简写符号中组合这两个属性,并且您必须至少指定两个属性字体大小和系列。因此,仅仅写font: 100%/120%; 是不够的;您可以添加一个通用姓氏以使其有效,例如:
font: 100%/120% serif;
【讨论】:
font 简写属性至少需要一个族(以及一个大小),正如您在 official definition 中看到的那样。
Konrad 得到了这个,但是有很多像这样的CSS shorthand 属性可以用来缩短样式表。如果你不知道的话,其中一些看起来有点神秘。
【讨论】:
border-*)。大卫在 cmets 中对我的回答给出了很好的解释。至于速记是神秘的:当然是真的,但非常有用而且很容易学习。