css标题标签“标准”?

时间:2011-06-21 16:51:44

标签: margin font-size css html-heading

我正在寻找一种方法来标准化我的h1,h2,h3等标签后我应用css重置,我知道这主要取决于设计,但我记得在网站上看到有某种“黄金比例“在文本大小,行高和边距底部之间,可以提高可读性,更好地改进页面在页面上的显示方式。

你们中有谁知道这样的事吗?

1 个答案:

答案 0 :(得分:2)

我认为这在很大程度上取决于使用的字体。也就是说, Smashing Magazine 给出了这个“经验法则”:

  

标题为正文字体比例

     

更好地了解这种关系   在标题和正文字体大小之间,我们   划分每个网站的标题字体   大小按其正文字体大小。我们接受了   这些比率的平均值和   为您提供了一条经验法则   使用:

     

标题字体大小÷正文副本字体   size = 1.96

     

那么整体价值是1.96。这个   意味着当你选择了一种字体   您可能想要的身体副本的大小   将它乘以2得到你的   标题字体大小。这当然是   取决于你的风格;的规则   拇指不一定会给你   最适合您的特定尺寸   设计。另一个选择是使用a   传统规模(6,7,8,9,10,11,   12,14,16,18,21,24,36,48,60,   72)或Fibonacci序列(例如16    - 24 - 40 - 64 - 104)获得自然   印刷结果。

http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/