什么是用户代理样式表？

Question

什么是用户代理样式表？我正在谷歌Chrome的网页上工作。它使用下列样式正确显示。table {     display: table;     border-collapse: separate;     border-spacing: 2px;     border-color: gray;}值得注意的是，我没有定义这些样式。在Chromedev工具上，上面写着用户代理样式表代替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规则。尝试包括一个reset.css或者是正常化(无论是谷歌(Google)还是“重置与正常化”(Reset Vs Normalise)都可以看到差异)，以消除这些默认值。或者设置你自己的Style.css

Answer 2

关于“用户代理样式表”的概念，请参阅部分。叶栅在CSS2.1规范中。

您在自己的样式表中设置的任何内容都会覆盖用户代理样式表。它们只是底层：在没有由页面或用户提供的样式表的情况下，浏览器仍然必须呈现内容。不知何故，而用户代理样式表只是描述了这一点。

因此，如果您认为您对用户代理样式表有问题，那么您的标记、样式表或两者都有问题(关于这一点您什么也没有写)。