Google Chrome 中缺少 H4 字体大小属性答案

【问题标题】：H4 font-size property missing in Google ChromeGoogle Chrome 中缺少 H4 字体大小属性
【发布时间】：2014-10-09 15:40:26
【问题描述】：

当我使用 Chrome Dev Tools 检查元素时，h4 标记缺少默认的 font-size 属性。所有其他标签，如 h1、h2、h3、h5、h6 都显示font-size 属性。

见截图

我检查了 HTML 4 的默认样式表，这里也缺少 font-size 属性。

参考：http://www.w3.org/TR/CSS21/sample.html

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }

这种行为的正当理由是什么？提前致谢。

【问题讨论】：

无需为属性指定默认值。在 Chrome 中，H4 是默认字体的大小。 H1-H3 按比例放大。

标签： html google-chrome google-chrome-devtools

【解决方案1】：

原因是浏览器样式表的设计者想让h4的默认字体大小等于1em，即其父级的字体大小。这使它适合标题字体大小的比例。当一个元素根本没有设置font-size 时，它会从其父元素继承大小，因此结果与h4 { font-size: 1em } 相同。（并非在所有情况下，但在这些情况下。浏览器的默认样式表在级联中最低，因此任何其他样式表中的相关设置将覆盖它。）

请注意，CSS 2.1 规范中的 HTML 4 示例样式表已经过时，并且包含一些从未在浏览器中实现的奇怪设置，并且许多设置后来都进行了调整。 HTML5 PR 中的Rendering 部分包含对浏览器中典型（或多或少推荐）默认设置的更现代的描述。为清楚起见，它在h4 上明确设置font-size: 1.00em;。

【讨论】：