首页 > web前端 > css教程 > 正文

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

Linda Hamilton
发布: 2024-11-11 01:44:03
原创
781 人浏览过

What does the slash (/) do in CSS font size declarations?

用斜线了解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中文网其他相关文章!

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