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

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

DDD
发布: 2024-11-09 17:37:02
原创
641 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板