H1-H6标签最常见的字体大小是什么 [英] What are the most common font-sizes for H1-H6 tags

问题描述

我一直不确定从何处开始作为一般的最佳实践基准。是的，我知道这取决于您的设计 - 但是最常见的是什么？

I've always been unsure of where to start as a general best practice baseline. Yes, I know it depends on your design -- but what's most common?

以下是我目前作为首发的原因：

Here's what I currently have as a starter:

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

是的，我们不会在我当前的工作中使用EM。

Yes, we don't use EMs at my current job.

感谢

推荐答案

这将取决于浏览器的默认样式表。您可以查看CSS2.1用户代理样式表默认值的（非官方）表此处。

It would depend on the browser's default stylesheet. You can view an (unofficial) table of CSS2.1 User Agent stylesheet defaults here.

根据上面列出的页面，默认大小如下所示：

Based on the page listed above, the default sizes look something like this:

    IE7     IE8     FF2         FF3         Opera   Safari 3.1
H1  24pt    2em     32px        32px        32px    32px       
H2  18pt    1.5em   24px        24px        24px    24px
H3  13.55pt 1.17em  18.7333px   18.7167px   18px    19px
H4  n/a     n/a     n/a         n/a         n/a     n/a
H5  10pt    0.83em  13.2667px   13.2833px   13px    13px
H6  7.55pt  0.67em  10.7333px   10.7167px   10px    11px

还值得一看的是 HTML 4的默认样式表。 W3C建议使用这些样式作为默认值。缩略片段：

Also worth taking a look at is the default stylesheet for HTML 4. The W3C recommends using these styles as the default. An abridged excerpt:

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

希望此信息有帮助。

这篇关于H1-H6标签最常见的字体大小是什么的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！