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 如何同时设置字体大小和行高？的详细内容，更多请关注其它相关文章！