CSS 字号

在 CSS 中，设置文本的字号（字体大小）是通过 font-size 属性来实现的。这个属性用于指定文本字符的大小，可以使用多种单位来表示大小，常见的单位包括像素（px）、百分比（%）、em（相对于父元素的字体大小）、rem（相对于根元素的字体大小）等。

常见的 font-size 单位和用法：

像素单位（px）：

• 相对长度单位，固定大小，不受父元素字体大小的影响。

• 示例：

p {
    font-size: 16px;
}

百分比单位（%）：

相对于父元素的字体大小，例如，如果父元素的字体大小为14px，font-size: 120% 将等同于 font-size: 16.8px。

示例：

p {
    font-size: 120%;
}

相对单位（em 和 rem）：

em 是相对于父元素的字体大小，rem 是相对于根元素（html元素）的字体大小。

示例：

p {
    font-size: 1.2em; /* 相对于父元素字体大小的1.2倍 */
}
h1 {
    font-size: 2rem; /* 相对于根元素字体大小的2倍 */
}

其他单位：

vw（视窗宽度的百分比）和 vh（视窗高度的百分比）等相对于视窗大小的单位也可以用于字号设置，但使用不如前面提到的单位普遍。

常见的字号选择建议：

对于主体文本，通常推荐使用相对单位（如em或rem），这样可以确保在不同设备上保持一致的相对大小。

对于标题和重要信息，通常使用固定大小（如像素单位），以确保其在各种屏幕尺寸下都能够达到预期的视觉效果。

使用百分比单位可以帮助实现响应式设计，使得文本能够根据父元素的字体大小进行自适应调整。

综上所述，font-size 是控制文本字号的核心CSS属性，使用不同的单位可以满足不同的设计需求和响应式布局要求。