为什么我的h1标记字符串小于我的h2标记字符串？

Question

这件奇怪的事情正在发生。我不确定这是不好的做法，但我认为它会给我在html中的字符串之间保持一致的大小。我在<h1>中有一个标题，在<h2>中有一个信息的子部分，还有<h3>的更多信息。我的理解是<h1>是最大的，而h6是最小的。我在firefox和chrome上测试了这个。只有一个css，只有h1效果代码。我甚至拿出了css代码和下划线。无论如何，我做了一些测试字符串：

请注意，我有一些css应该使h1标签加下划线。

 h1 {
    text-decoration: underline;
}

<h1>test</h1>
<h2>test</h2>
<h3>test</h3>
<h4>test</h4>
<h5>test</h5>
<h6>test</h6>

Answer 1

它更小，因为1.17em＆lt; 1.5em

正如您所看到的，h1应用的样式是1.17em，由样式表应用（我认为在您的情况下是chrome＆＃f;的默认值）。并且h2有1.5em。

<强>修正：

您需要在自己的样式表http://www.w3schools.com/css/css_howto.asp

中定义尺寸

注意： h1，h2，h3不仅仅用于给出尺寸。它们是标题标签，表示某些单词/短语在html内容中的重要性。

您可以在此处阅读有关H标签的更多信息http://www.w3schools.com/tags/tag_hn.asp

Answer 2

我认为你的css已经被另一套规则（可能是本地浏览器规则）所覆盖。

我建议您先在另一个浏览器中测试，看看我是否符合更改， 如果这没有帮助，请使用 Chrome的开发人员工具或 Firebug 之类的内容，以查看 H1定义来自哪里。