php字号大小h1,HTML中的H1-H6字体大小

最新推荐文章于 2023-09-05 17:11:07 发布

风吹幡动wsd

最新推荐文章于 2023-09-05 17:11:07 发布

阅读量1.8k

点赞数

文章标签： php字号大小h1

11 个答案:

答案 0 :(得分：21)

它们由每个浏览器制造商独立定义。

它们在浏览器中并不统一，并且存在语义(大标题，略小的标题等...)。

如果你看一下HTML 4规范for these，就没有提及如何它们应该被设置样式，只有它们应该。来自规范：

Visual browsers usually render more important headings in larger fonts than less important ones.

如果您希望这些内容保持一致，则应使用定义它们的reset stylesheet。

尽管w3已经为HTML 4定义了一个建议的default stylesheet，并提供了以下详细信息，但大多数浏览器都忽略了这一建议：

h1 { font-size: 2em; margin: .67em 0 }

h2 { font-size: 1.5em; margin: .75em 0 }

h3 { font-size: 1.17em; margin: .83em 0 }

h5 { font-size: .83em; margin: 1.5em 0 }

h6 { font-size: .75em; margin: 1.67em 0 }

h1, h2, h3, h4,

h5, h6 { font-weight: bolder }

(是的，我看到h4没有font-size:)

答案 1 :(得分：12)

一种可能的进展方法是使用平方根，通过公式如2 / sqrt [标题＃]。因此，你有：

H1 = 2/sqrt1 = 2

H2 = 2/sqrt2 = 1.414

H3 = 2/sqrt3 = 1.155

H4 = 2/sqrt4 = 1

H5 = 2/sqrt5 = 0.894

H6 = 2/sqrt6 = 0.816

对于12的字体基数，它足够接近24,17,14,12,11,10。

对于其他基础，结果可能距离整数稍远。

Fibonacci适用于16号基础，所以你有：

H1=32

H2=24

H3=19

H4=16

H5=14

H6=13

答案 2 :(得分：11)

与其他人一样，它依赖于浏览器。

另一方面，排版中有一条规则来设置字体大小：如果基本字体的大小为X，则较大的字体应呈指数增长;通常的方法是使用X*sqrt(2)，X*sqrt(2)^2，X*sqrt(2)^3等大小，但您可以更改基础。

但是，计算机字体有一些特殊要求。

它们过去只是以位图形式提供(所以尺寸是固定的)，即使以矢量形式提供 - 某些格式更喜欢一些特殊尺寸：可被2或5整除(这与Amiga的情况一样)旧矢量字体... Agfa Intellifont？)。

即使现在字体引擎更像整数，因为它们的提示算法效果更好。

由于这些技术限制，人们似乎习惯了所选择的值，即使字体引擎现在好多了。

答案 3 :(得分：9)

我知道这篇文章很老了。我遇到了同样的问题，他们从哪里得到这个。我想我找到了。

它是五声音乐音阶的衍生物。无论如何，类型比例。标题取自类型标度，但不是按1：1的顺序排列。

规模如下：

8 9 10 12 14 16 18 21 24 ......比例分为5个步骤(12到24)。每个步骤是基数(12)乘以2(比例[＆＃39;它加倍＆＃39;])到i的力(步长)除以5(ttl步)[＆＃39; i / 5＆＃39 ;] - 四舍五入到最近。

因此h4是基础，h3是步骤1，h2是步骤3，h1是步骤5，或者是五声音阶上的12。 h5和h6从另一个方向开始是1步和3步。如果我理解这一点，它将相当于a，E大调和弦。

我花了大约2个小时来弄清楚电子表格和音阶的解释。

答案 4 :(得分：6)

一些名义上的数字：

h1：2em

h2：1.5em

h3：1.17em

h4：1em

h5：0.83em

h6：0.75em

h1：2em

h2：1.5em

h3：1.17em

h4：1em

h5：0.83em

h6：0.67em

答案 5 :(得分：4)

在看了几种不同的字体大小的方法后，我想出了以下算法/计算：H1~H6，p，菜单等，html设置为100％(通常为16px)，以及以下的rem单位。这是从经常使用的1.14 / .875'幻数中调整出来的。我的.8735看起来效果很好，p为16px / 1rem，高达H1为36px / 2.25rem，并且达到相当“正常”的px值，如12,14,16,18,21,24,28,32，我知道36，等等，对于Jumbotrons来说高达54，而对于.zilch来说这是矫枉过正的。我通常呆在.huge和.micro中。基本上我从p开始等于1.0rem并连续乘以.8735以逐渐变小或相继除以变大：

item rem px pt

.giant 3.38 54.4 41

.huge 2.95 47.2 35

.big 2.58 41.3 31

h1 2.25 36.0 27

h2 1.97 31.5 24

h3 1.72 27.5 21

h4 1.50 24.0 18

h5 1.31 21.0 16

h6 1.15 18.4 14

p 1.00 16.0 12

.menus 0.87 13.9 10