Google Chrome＆＃34;用户代理样式表＆＃34;

Question

我已经设置了reset.css。

html,body,div,ul,ol,li,p,h1,h2,h3,h4{
     margin:0;
     padding:0;
}

但浏览器仍然使用默认样式表。

因为代码太长而无法上传。

有没有人遇到过类似的问题？

Answer 1

您似乎在想象规则会覆盖/替换/隐藏其选择器的所有属性。当然，情况并非如此。像

这样的规则

html,body,div,ul,ol,li,p,h1,h2,h3,h4{
     margin:0;
     padding:0;
}

指定仅指定选择器的margin和padding属性。这些选择器的其他属性（包括display等）将继续从指定的位置绘制，包括用户代理默认样式表。

请注意，-webkit-margin-*属性是Chrome设置其默认值的方式，在右到左布局的情况下更为通用。但是，它们与margin属性分开，因此不会显示为被覆盖（被删除），因为优先级较高的规则指定margin。但是，当Chrome计算边距时，它会优先于margin属性-webkit-margin-*属性。

Answer 2

每个浏览器在应用用户创建的样式表之前都使用其默认样式表。如屏幕截图所示，您将覆盖边距和填充。浏览器显示内容所需的所有其他样式都取自浏览器特定的样式表（例如字体系列，字体大小，颜色......）。

由于某些浏览器呈现的某些元素与其他元素不同，因此有一些项目为https://necolas.github.io/normalize.css/到＆＃34;标准化＆＃34;渲染。

Answer 3

这是正常的每个浏览器使用默认属性 Chrome Default CSS

Answer 4

尝试这样做：

html,body,div,ul,ol,li,p,h1,h2,h3,h4{
 margin:0;
 padding:0;
 -webKit-margin-start: 0;
 -webKit-padding-start: 0;

}