HTML 字体大小 - CSS

在 HTML 中，我们可以使用 CSS 来定义文本的字体大小。这使得我们可以在页面上控制文本的大小，让内容更容易阅读或更突出。

CSS Font-Size 属性

CSS 的 font-size 属性用于设置文本的字体大小。它可以使用绝对或相对单位来定义，例如：

font-size: 12px;
font-size: 1.2em;

下面是一些常见的字体大小单位：

• px：像素，相对于显示器分辨率。
• em：相对于元素的字体大小，例如 1.2em 表示比元素的字体大小多 20%。
• rem：相对于根元素的字体大小。
• %：相对于父元素的字体大小。

HTML 标签默认字体大小

不同的 HTML 标签有不同的默认字体大小。例如，绝大多数浏览器中，h1 元素的默认字体大小为 2em，p 元素的默认字体大小为 1em。下面是一些常见 HTML 标签的默认字体大小：

| 标签 | 默认字体大小 | | --- | --- | | p | 1em | | h1 | 2em | | h2 | 1.5em | | h3 | 1.17em | | h4 | 1em | | h5 | 0.83em | | h6 | 0.67em |

使用 CSS 设置字体大小

在 CSS 中，我们可以使用 font-size 属性来设置字体大小。例如，如果我们想将 p 元素的字体大小设置为 14px，可以这样写：

p {
  font-size: 14px;
}

如果我们想将 h1 元素的字体大小设置为 2em，可以这样写：

h1 {
  font-size: 2em;
}

使用相对单位

相对单位可以使我们根据上下文来设置字体大小。例如，如果我们想将所有 p 元素的字体大小设置为父元素字体大小的 120%，可以这样写：

p {
  font-size: 1.2em;
}

如果我们想将 h1 元素的字体大小设置为相对于父元素的 1.5em，可以这样写：

h1 {
  font-size: 1.5em;
}

总结

了解 HTML 字体大小和 CSS font-size 属性可以帮助我们更好地控制文本的外观和排版。通过设置适当的字体大小，我们可以使文本更容易阅读，更易于识别关键信息。