CSS 字体大小中的斜线 (/) 是什么意思？

使用斜杠调整 CSS 字体大小：解析语法

在 CSS 中，font 属性可以接受包含斜杠的语法，这引发了对其用途的疑问。让我们深入研究一下这个表示法的含义和用法。

字体大小调整中的斜杠分隔符

字体大小调整语法中的斜杠分隔两个值。它表示两个独立属性的规范：字体大小和行高。斜杠左边和右边的值分别代表这些属性。

例如，以下 CSS 声明：

font: 100%/120%;

相当于：

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

传统印刷符号

此符号源自以“x pt on y pt”格式指定字体尺寸的传统印刷实践。这里，“x pt”表示字形高度，“y pt”表示文本行之间的垂直间距，称为行距。

通过在 CSS 字体属性中允许斜杠分隔符，它使开发人员能够指定字体大小和行间距都在一个简洁的行中。

有效用法

需要注意的是，字体速记符号要求您同时指定字体大小和字体系列。省略任一值都将导致声明无效。例如，以下是有效用法：

font: 100%/120% serif;

以上是CSS 字体大小中的斜线 (/) 是什么意思？的详细内容。更多信息请关注PHP中文网其他相关文章！