css - 如何在 CSS 中指定行高？一个全局声明还是特定于每个元素？

Question

我意识到这可能是一个模糊的问题，但我不确定在创作网站时什么是行高的最佳方法。您是否为整个站点创建一个全局声明，然后为每个单独的元素声明单独的行高？这里有哪些最佳实践？

Answer 1

最好的办法是在没有单位的身体上全局设置它。（1.5 而不是 1.5em）

这样，行高将是元素字体大小的 1.5 倍，这会导致相对行高有助于您的垂直基线/垂直节奏。

如果通过缩放来增加字体大小，则行高会自行调整为新的字体大小

Answer 2

这仅取决于您的页面上将有多少种行高，如果大多数都相同，请遵循 Lowkase 的建议并在body标签上设置默认值，然后在其他标签上设置变体。或者你可以有三个类，比如.lhs（行高小），.lhm并将.lhl这些类放在你的元素上以指定行高。通过这种方式，您可以最大限度地减少指定行高时使用的代码行数。

.lhs {
    line-height: 10px;
}
.lhm {
    line-height: 30px;
}
.lhl {
    line-height: 50px;
}