CSS 中 font: 14px/20px 如何同时设置字体大小和行高？

学习知识要善于思考，思考，再思考！今天golang学习网小编就给大家带来《CSS 中 font: 14px/20px 如何同时设置字体大小和行高？》，以下内容主要包含等知识点，如果你正在学习或准备学习文章，就都不要错过本文啦~让我们一起来看看吧，能帮助到你就更好了！

font: 14px/20px：字体大小和行高的设置

在 CSS 中，font 属性用于设置字体样式，它可以包含以下值：

• 字体系列（例如 Roboto）
• 字体大小（例如 14px）
• 字体权重（例如 400）
• 行高（例如 20px）

在示例代码中，font: 400 14px/20px Roboto, sans-serif 表示：

• 字体系列为 Roboto 或其他 sans-serif 字体
• 字体权重为 400（正常）
• 字体大小为 14px
• 行高为 20px

行高是指文本行的高度，它决定了文本之间的垂直间距。在本例中，行高为 20px，这意味着文本行之间的间距为 20px。

由此可见，font: 14px/20px 既生效了字体大小 14px，也生效了行高 20px。这将导致两个效果：

• 字体的基线被抬高到 20px，因此字体不会与其他重叠的文本重叠。
• 元素的高度会随着行高的增加而增加。

好了，本文到此结束，带大家了解了《CSS 中 font: 14px/20px 如何同时设置字体大小和行高？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！