首页  >  文章  >  web前端  >  CSS 字体声明中的斜杠 (/) 有何含义?

CSS 字体声明中的斜杠 (/) 有何含义?

DDD
DDD原创
2024-11-09 17:37:02584浏览

What is the meaning of the slash (/) in CSS font declarations?

了解 CSS 字体大小调整中的斜杠

CSS 字体声明中的斜杠 (/),如下例所示,具有特定的含义含义:

font: 100%/120%;

与常规字体声明不同,此语法同时设置多个与字体相关的属性:

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

根据 CSS 文档,此简写符号基于传统的印刷约定。印刷师经常使用“x pt on y pt”格式来表示字形(字符)大小和行高。

在示例中,“100%”指的是字体大小,而“120%”指的是字体大小到行高。行高决定文本行之间的垂直间距。行高为 120% 意味着垂直间距将为字体大小的 120%。

请注意,字体速记符号至少需要指定字体大小和系列。因此,以下声明无效:

font: 100%/120%;

要使其有效,可以添加通用字体系列名称:

font: 100%/120% serif;

以上是CSS 字体声明中的斜杠 (/) 有何含义?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn