HTML 标题 (<h1> - <h6>) 在任何浏览器中都有默认的内边距或边距吗？

Question

有人问我的朋友如何删除标题标签周围的空格，他回答说

h1 {
  margin: 0;
  padding: 0;
}

但我从未真正见过标题周围的填充。在我得到的每个浏览器中，只有保证金。所以现在我想知道，实际上是否有浏览器默认在标题周围有填充？

或者这是所有浏览器都遵循的标准，即不在标题周围添加填充？是padding: 0;不必要的吗？

Answer 1

默认情况下，标题的 a 为padding0。但是，例如，默认情况下，H1有一个 top 和 Bottom margin: .67em;。这些顶部和底部边距一直增长2.33em到H6. 因此，对于每个标题，顶部和底部边距默认逐渐增加。

我通常只从 MDN 发帖，但不幸的是，他们没有这方面的任何内容。查看W3Schools撰写的这篇有用的文章，该文章在讨论所有 HTML 元素的默认值时很有洞察力。

所以来回答你的问题。是的，这padding: 0;是不必要的。但是，这margin: 0;将更改默认的顶部和底部边距。