Question

我有这个简单的代码：

<html xmlns="http://www.w3.org/1999/xhtml">

<body bgcolor="#000000">
</body>

</html>

问题

Answer 1

你有一个换行符：

<body bgcolor="#000000">
                        ^---- here
</body>

会被渲染为空格字符，导致您在页面中隐含单行文本。

Answer 2

如果您使用Chrome devtools查看该页面，您会看到8px高度来自用户代理样式表;也就是说，浏览器应用自己的默认样式。一种常见的技术可以消除这种情况并从一块干净的石板开始。是使用众多css重置库之一。有关选项，请参阅here。

Answer 3

您获得的保证金为8px，而非高度。每个浏览器都有一些默认设置，这就是您看到的原因。使用以下链接查看每个浏览器的默认设置：

Answer 4

在我回答你的问题之前，让我告诉你，即使是浏览器也有默认的CSS样式，适用于每个网页！（为了给你更多的见解，让我们说这些默认样式是普通HTML按钮在Chrome，Firefox和IE中显示不同的原因）

现在提出第一个问题：根据浏览器的默认CSS HTML，填充量为4px！这就是为什么你得到HTML高度为8px的原因。

现在你一定想知道如何摆脱它们？因此，我们可以使用Normalize CSS

现在提出第二个问题：你可以说BODY是特殊情况标签，它有一种特殊的方式来呈现它的背景！（或者说它不像普通的DIV标签）如果html元素没有背景，则正文背景将覆盖页面。如果html元素上有背景，则主体背景的行为与任何其他元素一样。

您可以阅读更多相关信息here

希望你找到答案。