CSS 字体大小声明中的斜杠 (/) 有何作用？

用斜线了解CSS字体大小

在CSS中，我们在定义字体大小时经常会遇到斜线（/）。这可能看起来令人困惑，但它实际上有一个重要的目的。

考虑以下 CSS 声明：

font: 100%/120%;

斜杠在这里做什么？

斜杠表示两个属性之间的分隔：

• font-size: 设置文本的大小。
• line-height : 控制文本行之间的垂直间距。

所以，上面的声明相当于：

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

官方定义：

根据 CSS 文档，“此属性的语法基于传统的印刷速记符号来设置与字体相关的多个属性。”

印刷历史：

在传统排版中，通常将字体大小指定为“x pt on y pt”，表示字形大小和行高。此表示法使用斜杠反映在 CSS 字体简写中。

浏览器处理：

请注意，使用字体简写时必须指定字体大小和系列符号。仅使用字体：100%/120%；不正确，将被浏览器忽略。但是，您可以包含通用姓氏以使其有效：

font: 100%/120% serif;

以上是CSS 字体大小声明中的斜杠 (/) 有何作用？的详细内容。更多信息请关注PHP中文网其他相关文章！