*未知的边距css源

Question

我有一个html文件，其中包含不需要的8px上边距：

当我检查它时，它显示如下：

哪个源代码是“用户代理样式表”？

修改

我的不好，我发现并将<%#替换为<!--而将%>替换为-->时，我犯了一个错误，我的bootstrap.css被注释掉了。

<script src="/js/jquery.min.js"></script> <!-- http://api.jquery.com/ ?>

<link href="/css/bootstrap.min.css" rel="stylesheet">
<script src="/js/bootstrap.min.js"></script> <!-- http://getbootstrap.com/getting-started/ -->

Answer 1

默认情况下，body元素的边距为8px。

您可以通过添加一些CSS来重置它：

body { margin: 0; padding:0 /* for opera */ }

Here is a chart from the spec显示应用于元素的默认规则

（注意规则：body { margin: 8px }）

Answer 2

每个浏览器都有其默认的边距，填充等值。如果你想避免这种情况，你应该重置它。像bootstrap这样的助手有重置此规则的规则。

Answer 3

在回答here时，您的用户代理样式表就是您的浏览器。通常，每个浏览器都默认启用一些样式表，您可以使用重置样式表（例如Meyer Reset CSS）来解决问题。

Answer 4

用户代理样式表由浏览器设置为默认值。您可以通过重置覆盖此默认用户代理样式。在您的情况下，您可以在自己的样式表中指定。

body {
   margin:0;
}

有关全局用户代理样式表重置的示例，请单击here

Answer 5

用户代理样式表是由浏览器本身确定的本机样式。

要摆脱它，您需要执行以下操作之一：

• 在您的某个样式表中设置body { margin: 0; }，
• 使用CSS重置，例如梦幻般的Normalize.css by Nicolas Gallagher。

Answer 6

用户代理样式表是浏览器中的默认样式。所有浏览器都在body元素上具有默认边距或填充。如果要覆盖它们，则应指定两者：

body { margin: 0; padding: 0; }

Answer 7

这些样式来自用户代理样式表。对于不同的浏览器可能会有所不同。您可以通过为body元素添加自定义样式来覆盖样式

body {
    margin: 0px;
}