Html *未知边距css源

Html *未知边距css源,html,css,Html,Css,我有一个html文件,其中包含不需要的8px上边距: 当我检查它时,它显示如下内容: 用户代理样式表在哪个源代码上 编辑 我的错,我在查找%>并将其替换为->时犯了一个错误,我的bootstrap.css被注释掉了 <script src="/js/jquery.min.js"></script> <!-- http://api.jquery.com/ ?> <link href="/css/bootstrap.min.css" rel="styles

我有一个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/ -->
默认情况下,body元素的边距为8px

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

body { margin: 0; padding:0 /* for opera */ }
显示应用于元素的默认规则


注意规则:body{margin:8px}

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

body {
   margin:0;
}

有关全局用户代理样式表重置的示例,请单击每个浏览器都有其默认的边距、填充等值。如果你想避免这种情况,你应该重置它。像bootstrap这样的帮助程序具有重置此设置的规则。

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

要摆脱它,您需要执行以下操作之一:

在一个样式表中自行设置正文{margin:0;}, 使用CSS重置,如fantastic。
正如所回答的,您的用户代理样式表就是您的浏览器。通常,默认情况下,每个浏览器都会启用一些样式表,例如,您可以使用重置样式表来解决此问题。

用户代理样式表是浏览器中的默认样式。所有浏览器的body元素都有默认的边距或填充。如果要覆盖它们,则应同时指定:

body { margin: 0; padding: 0; }

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

body {
    margin: 0px;
}

图像不可见,可以显示您的代码吗?请注意,某些浏览器(例如Opera)在正文上使用填充而不是边距。@Guffa-您是指Opera的闪烁前版本还是当前版本?我没有测试最新版本,但我找不到任何默认值已更改的参考。不管怎样,闪烁引擎都是最近才出现的,所以只覆盖边距是不安全的。@Guffa-谢谢,我更新了帖子,加入了填充