CSS 中带斜杠的字体大小
这里的斜杠是什么意思:
font: 100%/120%;
What does the slash mean here:
font: 100%/120%;
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
这里的斜杠是什么意思:
font: 100%/120%;
What does the slash mean here:
font: 100%/120%;
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
这实际上设置了两个属性,相当于:
引用官方文档:
正如 David M 在评论中所说,它反映了将字体大小指定为“x pt on y pt”的排版传统,以表示行高上的字形大小。
但您问题中的示例实际上是错误的,并且会被浏览器忽略:您只能在
font
速记符号中组合这两个属性,并且您必须至少指定字体大小和系列。 因此,仅仅编写font: 100%/120%;
是不够的; 您可以添加一个通用姓氏以使其有效,例如:This actually sets two properties and is equivalent to:
To quote the official documentation:
As David M said in the comments, it mirrors the typesetting tradition of specifying typeface sizes as “x pt on y pt” to denote the glyph size on line height.
But the example in your question is actually wrong and would be ignored by the browser: you can only combine these two properties in the
font
shorthand notation, and you must specify at least both the font size and family. Simply writingfont: 100%/120%;
is therefore not enough; you could add a generic family name to make it valid though, e.g.:Konrad 得到了这个,但是还有很多 像这样的 CSS 简写属性,您可以使用它们来缩短样式表。 如果您不知道其中一些,那么它们看起来有点神秘。
Konrad got this one, but there are a lot of CSS shorthand properties like this that you can use to shorten your style sheets. Some of them look a little cryptic if you're not aware of them.