html5元素之间的空间

好的，所以我尝试从头开始用css构建这个html5站点，我努力消除所有元素之间的空格：页眉、导航、文章和页脚

他们都呆在那里。我知道这是一个非常基本的问题，但我花了一些时间在这个问题上，仍然不知道发生了什么

你知道我该怎么移除它吗

（如果您复制并保存这些文件，您将非常清楚地看到空间）

多谢各位

代码：

---

如果您通过浏览器的调试工具浏览生成的HTML文件，您将看到它们具有边距CSS值。例如，在Safari上，标题的顶部和底部都有

21px

更改CSS以删除此填充-例如，标题：

header, header h1 {
    background-color: #F0F;
    margin: 0
}

---

主题之外，但是

页眉

、

页脚

和

导航

是否真的有效HTML5元素名称？

您删除了包装容器上的所有边距，但没有删除相应内容（如

和

）上的边距

要删除所有空格，只需在CSS中添加以下内容（或类似内容）：

h1 { margin: 0 }
p { margin: 0 }

---

包装器元素上的边距在CSS中被删除。是的，你提到的所有元素都是有效的HTML5标记。请参阅，例如，@DaviTrindade如果某个答案解决了您的问题，请接受该答案（请参阅答案左上角的复选标记）。这样你就向其他人发出信号，这是一个合适的解决方案。

header, header h1 {
    background-color: #F0F;
    margin: 0
}

h1 { margin: 0 }
p { margin: 0 }