什么是用户代理样式表？

Question

我正在使用Google Chrome浏览器中的网页。它可以正确显示以下样式。

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

重要的是要注意，我没有定义这些样式。在Chrome开发人员工具中，用 用户代理样式表 代替CSS文件名。

现在，如果我提交表单并且发生一些验证错误，则会得到以下样式表：

table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: -webkit-auto;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

在font-size这些新的风格被扰乱我的设计。有没有一种方法可以强制我的样式表，并在可能的情况下完全覆盖Chrome的默认样式表？

Answer 1

目标浏览器是什么？不同的浏览器设置不同的默认CSS规则。尝试包括CSS重置，例如meyerwebCSS重置或normalize.css，以删除那些默认值。Google通过“CSS重置与归一化”来查看差异。