html - HTML 标题 (

Question

有人问我 friend 如何去掉标题标签周围的空格，他的回答是

h1 {
  margin: 0;
  padding: 0;
}

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

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

Answer 1

Headings, by default, have a padding of 0. However, an H1 for examplehas a top and bottom margin: .67em;, by default. These top & bottom margins grow all the way to 2.33em for an H6. So for each heading, the top and bottom margins gradually increase by default.

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

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