在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;
酷纬企业网站管理系统Kuwebs是酷纬信息开发的为企业网站提供解决方案而开发的营销型网站系统。在线留言模块、常见问题模块、友情链接模块。前台采用DIV+CSS,遵循SEO标准。 1.支持中文、英文两种版本,后台可以在不同的环境下编辑中英文。 3.程序和界面分离,提供通用的PHP标准语法字段供前台调用,可以为不同的页面设置不同的风格。 5.支持google地图生成、自定义标题、自定义关键词、自定义描
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来控制相对父元素和根元素的字号,利用%来实现根据父元素或整页字号大小缩放的效果。









