定义 Header 标签之间的行距答案

【问题标题】：Defining Line spacing between Header tags定义 Header 标签之间的行距
【发布时间】：2013-09-07 23:10:57
【问题描述】：

有没有办法定义标题之间的行距。我知道使用各种标题标签（h1、h2、h3）有不同的行距，我想知道是否有一种方法可以为所有这些标签定义行距，以便它们在整个页面中保持一致和流畅？

关于使用margin之类的文章很多，但我不太确定。

【问题讨论】：

标签： html tags

【解决方案1】：

如果您不熟悉 CSS，我建议您阅读一下： CSS 介绍：http://www.w3schools.com/css/default.asp

这样的 CSS 会为所有标题标签设置行高：

h1, h2, h3, h4, h5, h6{
  line-height: 30px; 
}

或者这将为所有标题设置顶部和底部边距：

h1, h2, h3, h4, h5, h6{
  margin-top:20px;
  margin-bottom:10px;
}

【讨论】：

【解决方案2】：

大多数建议为 h1~h6 使用 1.45 的行高，这样可以：

h1, h2, h3, h4, h5, h6 {
  line-height: 1.45;
}

定义行高的推荐方法是使用数字值，称为“无单位”行高。数字值可以是任何数字。

【讨论】：