文章/答案/技术大牛

发布

社区首页 >问答首页 >H1-H6标签最常用的字体大小是什么

问H1-H6标签最常用的字体大小是什么
EN

Stack Overflow用户

提问于 2011-05-26 22:41:40

回答 2查看 251.9K关注 0票数 112

作为一个通用的最佳实践基准，我一直不确定从哪里开始。是的，我知道这取决于你的设计，但是最常见的是什么呢？

这是我目前作为初学者所拥有的：

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。

html

css

frontend

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-05-26 22:46:20

这将取决于浏览器的默认样式表。您可以查看CSS2.1user Agent样式表默认值here的(非官方)表。

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

    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

同样值得一看的是default stylesheet for HTML 4。W3C建议使用这些样式作为默认样式。节选：

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; }

票数 221

Stack Overflow用户

发布于 2011-05-26 22:44:13

标题通常是粗体；为了演示大小对应关系，这一点已被关闭。MSIE和Opera对这些大小的解释相同，但请注意，Gecko浏览器和Chrome将标题6解释为11像素，而不是10像素/font大小1，将标题3解释为19像素，而不是18像素/font大小4(尽管即使在直接比较中也很难区分，而且在使用中也是不可能的)。似乎Gecko也将文本限制在不小于10像素。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6140430

复制

相似问题

问H1-H6标签最常用的字体大小是什么
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问H1-H6标签最常用的字体大小是什么EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问H1-H6标签最常用的字体大小是什么
EN