【问题标题】:Which HTML Elements Style Typography Different By Default?默认情况下,哪些 HTML 元素样式排版不同?
【发布时间】:2017-05-31 13:46:09
【问题描述】:

Chrome 中默认字体大小的元素列表如下:

  • h1 = 字体大小:2em;
  • h2 = 字体大小:1.5em;
  • h3 = 字体大小:1.17em;
  • h5 = 字体大小:0.83em;
  • h6 = 字体大小:0.67em;
  • small, sub, sup = font-size: small;

以上列表是否完整?

我有一个包含遗留样式的庞大代码库,并且不想在遗留代码中引入 https://necolas.github.io/normalize.css/,因为它对驻留在那里的样式有潜在的危险。

【问题讨论】:

  • 为什么你需要知道这个?在我的概念中,使用标签而不是 css 类是一个坏主意...类更可重用,您可以使用 mixins、变量...为了更好地工作并将大小与其他样式结合起来:)
  • <sub> <sup>
  • 您不应该使用标签进行样式设置,因为它可能会破坏您的 SEO 值
  • @RamonSchmidtRocha 我不需要使用它们。我需要在庞大的代码库上将它们默认设置为 1em。我不想在遗留代码中引入necolas.github.io/normalize.css,因为它很危险。
  • @IgorGolopolosovI 我认为只有这些标签用于格式化html文本w3schools.com/html/html_formatting.asp :)

标签: css html tags user-agent


【解决方案1】:

HTML5 不再支持<font> 标签,因此请改用 CSS。

h1 {
   font-size: 2em;
}

h2 {
   font-size: 1.5em;
}

【讨论】:

  • 这与问题完全无关。
  • 一年前的这个答案现在与昨天编辑的这个问题无关,你是对的
猜你喜欢
  • 2015-08-27
  • 2015-01-06
  • 2015-03-05
  • 2021-11-15
  • 2017-08-30
  • 2015-05-28
  • 1970-01-01
  • 2011-04-25
  • 2015-05-11
相关资源
最近更新 更多