CSS 字体大小

概述

在 CSS 中，可以通过 font-size 属性设置文字的大小。文字大小的单位有很多种，比如像素（px）、相对单位（em、rem）、百分比（%）等。

常用单位

像素（px）

像素是应用程序设计中最常用的单位之一，1 像素表示屏幕上一个点的大小。在 CSS 中，像素单位用 px 表示，如：

p {
    font-size: 16px;
}

在以上代码中，设置了段落中字体的大小为 16 像素。

相对单位

相对单位常常用于响应式设计，因为它可以根据浏览器窗口大小和设备分辨率进行调整。相对单位包括 em 和 rem。

em

em 表示“倍数”，比如 1em 表示与当前元素的父元素字体大小相同，2em 表示字体大小是父元素的两倍。

p {
    font-size: 1.2em;
}

以上代码表示设置段落中字体大小为当前元素父元素字体大小的 1.2 倍。

rem

rem 与 em 类似，但是它是相对于根元素（html 元素）的字体大小计算的。这意味着，无论在哪个元素中设置 rem，都是相同的基准值。

p {
    font-size: 1.2rem;
}

以上代码表示设置段落中字体大小为根元素字体大小的 1.2 倍。

百分比（%）

百分比单位是相对于父元素的字体大小计算的。

p {
    font-size: 120%;
}

以上代码表示设置段落中字体大小为父元素字体大小的 120%。

总结

CSS 字体大小的单位有很多种，常用的包括像素（px）、相对单位（em、rem）、百分比（%）等。在根据需求选择合适的单位时，需要考虑响应式设计的因素，以保持页面的可读性。