css 标题标签“标准”?

发布于 2024-11-16 06:56:48 字数 141 浏览 3 评论 0原文

我正在寻找一种在应用 css 重置后标准化我的 h1、h2、h3 等标签的方法,我知道这主要取决于设计,但我记得在一个网站上看到有某种“黄金比例”在文本大小、行高和页边距之间进行调整,这将提高可读性并改善标题在页面上的外观。

你们有人知道这样的事情吗?

I'm looking for a way to standardize my h1, h2, h3, etc tags after I apply a css reset, I know this mostly depends on the design but I remember seeing in a site that there was some sort of "golden ratio" between the text size, line-height and margin-bottom that would improve readability and better the way headers looked on the page.

Do any of you know anything like this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不即不离 2024-11-23 06:56:48

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

标题与正文字体大小比例

为了更好地理解这种关系
在标题和正文字体大小之间,我们
划分了各个网站的标题字体
大小由其正文字体大小决定。我们采取了
这些比率的平均值和
为您得出一条经验法则
合作:

标题字体大小 ÷ 正文字体
尺寸 = 1.96

总体值为 1.96。这
意味着当你选择了一种字体
适合您正文的尺寸,您可能需要
将其乘以 2 即可得到
标题字体大小。这当然是
取决于你的风格;的规则
拇指不一定会给你
适合您特定情况的最佳尺寸
设计。另一种选择是使用
传统音阶(6、7、8、9、10、11、
12, 14, 16, 18, 21, 24, 36, 48, 60,
72)或斐波那契数列(例如16
– 24 – 40 – 64 – 104) 变得自然
印刷结果。

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

I think this depends a great deal on the font used. That said, Smashing Magazine gives this "rule of thumb":

Heading to Body Font-Size Ratio

To better understand the relationship
between heading and body font size, we
divided each website’s heading font
size by its body font size. We took
the average of these ratios and
derived a rule of thumb for you to
work with:

Heading font size ÷ Body copy font
size = 1.96

The overall value, then, is 1.96. This
means that when you have chosen a font
size for your body copy, you may want
to multiply it by 2 to get your
heading font size. This, of course,
depends on your style; the rule of
thumb won’t necessarily give you the
optimal size for your particular
design. Another option is to use a
traditional scale (6, 7, 8, 9, 10, 11,
12, 14, 16, 18, 21, 24, 36, 48, 60,
72) or the Fibonacci sequence (e.g. 16
– 24 – 40 – 64 – 104) to get natural
typographic results.

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文