我正在尝试创建一个样式化的 h4。
但是我的 h4 一直从一些用户代理继承?
这是什么用户代理。
我怎样才能阻止它这样做。它添加了我不想要的效果。
我正在尝试创建一个样式化的 h4。
但是我的 h4 一直从一些用户代理继承?
这是什么用户代理。
我怎样才能阻止它这样做。它添加了我不想要的效果。
要停止从用户代理(Web 浏览器默认为各种 HTML 元素选择的样式)的继承,您需要使用良好的 CSS“重置”。
阅读http://meyerweb.com/eric/tools/css/reset/了解“重置”的介绍。
不同“重置”列表http://www.cssreset.com/
此外,如果您使用诸如 Twitter Bootstrap 之类的框架,它已经包含了合理的重置。
不,h4
元素(或h2
屏幕截图中的元素)不是从某些用户代理继承的。相反,它直接从用户代理样式表中获取属性值。“用户代理”实际上是指浏览器(例如,原则上,它也可以是索引机器人)。
您可以通过在样式表中分配属性来停止这种情况。实际上,您在示例中已经这样做了:font-size
并且font-weight
已被覆盖。该设置display: block
可以被覆盖,例如通过添加display: inline
到您的样式表中。
边距问题比较棘手,因为 WebKit 浏览器有其古怪之处,并且-webkit-margin
显示的属性就好像它们没有被覆盖一样。但实际上,在margin
设置标准属性时它们会被忽略,就像您的情况一样;查看“指标”窗格以查看此内容。
因此,您已经覆盖了用户代理样式表设置。一般来说,用户代理样式表可以包含任何东西,但使用 reset.css 样式表仍然是一种错误的方法。CSS 2.1 规范中 HTML 4的默认样式表是相当现实的,它告诉您要准备什么,例如display
、margin
、font-weight
和font-size
标题。