*未知边距css来源答案

【问题标题】：*Unknown margin css source*未知边距css来源
【发布时间】：2015-01-14 04:49:55
【问题描述】：

我有一个 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/ -->

【问题讨论】：

图片看不到，能不能给个代码？

标签： html css

【解决方案1】：

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

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

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

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

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

【讨论】：

请注意，某些浏览器（例如 Opera）在正文上使用填充而不是边距。
@Guffa - 你指的是opera的pre-blink版本还是当前版本？
我没有测试最新版本，但我找不到任何关于默认值已更改的参考。无论哪种方式，Blink 引擎都太新了，仅覆盖边距仍然不安全。
@Guffa - 谢谢我更新了帖子以包含填充

【解决方案2】：

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

body {
   margin:0;
}

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

用户代理样式表是由浏览器本身决定的原生样式。

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

在您的一个样式表中设置body { margin: 0; }自己，
使用 CSS 重置，例如出色的 Normalize.css by Nicolas Gallagher。

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

body { margin: 0; padding: 0; }

【讨论】：

【解决方案7】：

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

body {
    margin: 0px;
}

【讨论】：