CSS 中带斜杠的字体大小

发布于 2024-07-15 12:27:25 字数 61 浏览 5 评论 0原文

这里的斜杠是什么意思:

font: 100%/120%;

What does the slash mean here:

font: 100%/120%;

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

无需解释 2024-07-22 12:27:25

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

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

引用官方文档

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

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

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

font: 100%/120% serif;

This actually sets two properties and is equivalent to:

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

To quote the official documentation:

The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts.

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 writing font: 100%/120%; is therefore not enough; you could add a generic family name to make it valid though, e.g.:

font: 100%/120% serif;
我们只是彼此的过ke 2024-07-22 12:27:25

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文