详解CSS字体大小设置方法

在CSS中，设置字体大小可以用px、em、rem等单位，以下将逐一介绍这些单位的使用方法。

1.像素单位——px

像素单位是最常用的一种单位。因为其具有固定的尺寸和稳定的显示效果，所以在设置字号大小时使用较多。其语法为：

font-size: 数字px;

例如设置字号为12px的代码为：

font-size: 12px;

2.相对单位——em

em是一种相对单位，一般用来设置相对于父元素的字号大小。当在整个页面中使用相对单位时，若先把HTML的字号设置为16px，则1em=16px。当然，可以通过设置子元素的字号大小来实现不同父元素的字号大小，其语法为：

font-size: 数字em;

例如设置字号为1.5em的代码为：

font-size: 1.5em;

3.相对单位——rem

rem是CSS3新增的相对单位，不同于em，它是基于根元素（HTML元素）的。它的语法和使用方法与em类似，只不过是相对于根元素的字号大小。例如设置字号为1.2rem的代码为：

font-size: 1.2rem;

4.百分比单位——%

百分比单位也是相对单位，只不过相对的是父元素或整个页面的字号大小。它的语法为：

font-size: 数字%;

例如设置字号为80%的代码为：

font-size: 80%;

总结

在设置字体大小时，常用的单位有px、em、rem、%。其中像素单位最常用，因为其可以实现固定的字号大小和稳定的显示效果。而相对单位则可以根据具体情况灵活应用，例如通过em和rem来控制相对父元素和根元素的字号，利用%来实现根据父元素或整页字号大小缩放的效果。

以上是详解CSS字体大小设置方法的详细内容。更多信息请关注PHP中文网其他相关文章！