停止继承用户代理

Question

我正在尝试创建一个样式化的h4。

但我的h4继续从某些用户代理继承？

这是什么用户代理。

如何阻止它这样做。它增加了我不想要的效果。

Answer 1

要停止继承用户代理（Web浏览器默认选择各种HTML元素的样式），你需要使用一个好的CSS“重置”。

阅读http://meyerweb.com/eric/tools/css/reset/，了解“重置”。

不同“重置”http://www.cssreset.com/

的列表

另外，如果你使用像Twitter Bootstrap这样的框架，那么它已经包含了合理的重置。

Answer 2

不，h4元素（或屏幕截图中的h2元素）不会从某个用户代理继承。相反，它直接从用户代理样式表获取属性值。 “用户代理”在实践中是指浏览器（原则上，它也可以是索引机器人）。

您只需在样式表中指定属性即可停止此操作。实际上，您已在示例中执行了此操作：font-size和font-weight已被覆盖。设置display: block可以被覆盖，例如将display: inline添加到样式表中。

保证金问题比较棘手，因为WebKit浏览器在那里很奇怪，-webkit-margin属性显示为好像没有被覆盖。但实际上，在设置标准margin属性时会忽略它们，就像它们在你的情况下一样;查看“指标”窗格以查看此内容。

因此，您已经覆盖了用户代理样式表设置。通常，用户代理样式表可以包含任何，但使用reset.css样式表仍然是一种错误的方法。 CSS 2.1规范中的default style sheet for HTML 4是相当现实的，并告诉您要准备什么，例如标题为display，margin，font-weight和font-size。