html - H1-H6 标签最常见的字体大小是什么

标签 html css

<分区>

我一直不确定从哪里开始作为一般最佳实践基准。是的,我知道这取决于您的设计,但最常见的是什么?

这是我目前作为入门者拥有的东西:

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。

最佳答案

这取决于浏览器的默认样式表。您可以查看 CSS2.1 用户代理样式表默认值的(非官方)表格 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

如今,所有现代浏览器都有 same values as defaults .

关于html - H1-H6 标签最常见的字体大小是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6140430/

相关文章:

c# - UTF-16 是 ASCII 的超集吗?如果是,为什么根据 HTML 标准 UTF-16 与 ASCII 不兼容?

html - 在同一行显示文本和自定义切换

PHP - 如何在 ci 中链接 View 中的其他页面

javascript - 为什么不显示条件消息而是执行其余消息?

android - 总是在android中下拉菜单

html - 是否有可能 <img >'s within <li>' s 为 "un-indented"?

html - 如何使工具提示拉伸(stretch)以适合文本(没有预定义的宽度)

css - 如何使两个元素在 flexbox 中对齐到末尾

css - 在CSS Flexbox中,为什么没有“justify-items”和“justify-self”属性?

html - 如何将导航标题设置到右侧 - Wordpress