CSS中带斜杠的字体大小

这里的斜线是什么意思:

font: 100%/120%;

Konrad Rudol.. 181

这实际上设置了两个属性,相当于:

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

引用官方文档:

此属性的语法基于传统的印刷简写表示法来设置与字体相关的多个属性.

正如David M在评论中所说,它反映了将字体大小指定为" x  pt on y  pt" 的排版传统,以表示行高的字形大小.

但是你问题中的例子实际上是错误的并且会被浏览器忽略:你只能用font速记符号组合这两个属性,你必须至少指定字体大小和族.font: 100%/120%;因此,仅仅写作是不够的; 您可以添加通用系列名称以使其有效,例如:

font: 100%/120% serif;

这是镜像旧的排版语法,你可以在其中设置字体,例如"10pt on 12pt"或"10pt/12pt". (53认同)

---

Bill the Liz.. 14

Konrad得到了这个,但是有很多这样的CSS速记属性可以用来缩短你的样式表.如果你不了解它们中的一些看起来有点神秘.

1> Konrad Rudol..：

---

这实际上设置了两个属性,相当于:

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

引用官方文档:

此属性的语法基于传统的印刷简写表示法来设置与字体相关的多个属性.

正如David M在评论中所说,它反映了将字体大小指定为" x  pt on y  pt" 的排版传统,以表示行高的字形大小.

但是你问题中的例子实际上是错误的并且会被浏览器忽略:你只能用font速记符号组合这两个属性,你必须至少指定字体大小和族.font: 100%/120%;因此,仅仅写作是不够的; 您可以添加通用系列名称以使其有效,例如:

font: 100%/120% serif;

---

这是镜像旧的排版语法,你可以在其中设置字体,例如"10pt on 12pt"或"10pt/12pt".

2> Bill the Liz..：

---

Konrad得到了这个,但是有很多这样的CSS速记属性可以用来缩短你的样式表.如果你不了解它们中的一些看起来有点神秘.