网页设计一直借鉴图形和印刷设计领域的原则和定义。 当涉及到网页排版以及我们在网页上获得字母表的方式时，尤其如此。 这些相似并不总是1对1的翻译，但你肯定可以看到一门学科对另一门学科的影响。 当您考虑传统排版术语“领先”与CSS属性（称为“行高”）之间的关系时，这一点尤其明显。
领导的目的
当人们习惯于手动操作金属或木制字母以创建印刷页面的印刷版时，为了在这些线条之间创建间距，在铅直线之间放置了一小段铅。 如果你想要更大的空间，你会插入更大的铅片。 这就是如何创造“领先”这个词。 如果你在一本关于印刷设计和校长的书中查找了“领先”一词，它会读到一些东西 - “连续类型的基线之间的距离”。
引领网页设计
在数字设计中，术语“领先”仍然用于指代文本行之间的间距。 许多程序都使用这个确切的术语，即使这些程序明显没有使用实际的引导。这是一个新的设计借用传统思想形式的很好的例子，尽管该原则的确切实施已经改变。
在网页设计方面，没有“领先”的CSS属性。 相反，处理这种视觉显示文本的CSS属性称为行高。 如果你希望你的文本在水平文本行之间有额外的空间，你可以使用这个属性。 例如，假设您想要增加网站
基于页面的默认字体大小（通常为16px），现在这将是法线高度的1.5倍。
何时使用线高
如上所述，行高适合用于在段落或其他文本块中间隔文本行。 如果线条之间的空间太小，则文本可能会变得混乱且难以为观看者阅读到您的网站。 同样，如果页面上的行间距过大，正常的阅读流程将被中断，并且读者因此出现文本问题。 这就是为什么你想要找到适当的线高度间距来使用。 您还可以与实际用户一起测试您的设计，以获取关于页面可读性的反馈。
何时不使用线高
不要将行高与用于向页面设计添加空白的填充或边距混淆，包括在标题或段落下方。 这个间距不是领先的，因此它不是由行高处理的。
如果您想在某些文本元素下添加空格，则可以使用边距或填充。 回到之前使用的CSS示例，我们可以添加这个：
main p {line-height：1.5; margin-bottom：24px; } 这仍然会在我们页面的段落（
在几乎所有情况下，这将显示与以前的CSS相同。
假设你想在列表中的列表项下添加一个空间，并在列表中添加一个“services-menu”类，你可以使用margin或padding来实现，而不是line height。 所以这将是适当的。
.services-menu li {