在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中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
542
收藏
