Question

因此众所周知，您可以将背景图像添加到HTML标记和BODY标记，以获得双重背景效果，而无需添加额外的div元素。我喜欢你可以做到这一点，但是当我尝试它时，额外的边距被添加到BODY元素的顶部。

我确实发现如果你添加了以下代码：

*{
    margin: 0;
}

它将摆脱这个边缘，但它也使得我必须重置所有其他我不想摆脱边缘的元素。

有没有人知道如何摆脱HTML标签边距。

此：

html {
    margin: 0;
}

无效BTW。这似乎是导致额外间距的其他因素。

更新这是JS Bin的例子。 http://jsbin.com/ebefah/2

我正在运行HTML5 doctype，我也已经摆脱了身体上的边距。

解答： 谢谢thirtydot。由于利润率下降，答案是H1。一旦我摆脱了H1的上边缘，它就完美无缺。再次感谢你！

Answer 1

由于边距折叠的影响，差距来自h1（默认情况下有一些margin-top）。

您可能只想在margin-top: 0上设置h1。

Answer 2

身体有一个默认的保证金..

尝试html,body{margin:0;padding:0}

Answer 3

使用CSS重置来规范化浏览器之间的默认样式。雅虎有一个不错的CSS重置。大多数元素默认在margin，padding，h1等元素上应用了body / html。