你如何在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;
}