3

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

但是我的 h4 一直从一些用户代理继承?

这是什么用户代理。

我怎样才能阻止它这样做。它添加了我不想要的效果。

在此处输入图像描述

4

2 回答 2

1

要停止从用户代理(Web 浏览器默认为各种 HTML 元素选择的样式)的继承,您需要使用良好的 CSS“重置”。

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

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

此外,如果您使用诸如 Twitter Bootstrap 之类的框架,它已经包含了合理的重置。

于 2012-08-20T06:56:59.063 回答
1

不,h4元素(或h2屏幕截图中的元素)不是从某些用户代理继承的。相反,它直接从用户代理样式表中获取属性值。“用户代理”实际上是指浏览器(例如,原则上,它也可以是索引机器人)。

您可以通过在样式表中分配属性来停止这种情况。实际上,您在示例中已经这样做了:font-size并且font-weight已被覆盖。该设置display: block可以被覆盖,例如通过添加display: inline到您的样式表中。

边距问题比较棘手,因为 WebKit 浏览器有其古怪之处,并且-webkit-margin显示的属性就好像它们没有被覆盖一样。但实际上,在margin设置标准属性时它们会被忽略,就像您的情况一样;查看“指标”窗格以查看此内容。

因此,您已经覆盖了用户代理样式表设置。一般来说,用户代理样式表可以包含任何东西,但使用 reset.css 样式表仍然是一种错误的方法。CSS 2.1 规范中 HTML 4的默认样式表是相当现实的,它告诉您要准备什么,例如displaymarginfont-weightfont-size标题。

于 2012-08-20T08:36:15.913 回答