p { font-size: 16px; }
在上面的代码中,大家将所有p元素的字体大小设置为16像素。
除了像素(px)之外,大家还可以使用其他单位来定义字体大小。例如,可以使用em单位来相对于父元素的字体大小设置字体大小。
h1 { font-size: 2em; }
在上面的代码中,大家将h1元素的字体大小设置为父元素字体大小的两倍。
另一个相对字体大小的单位是rem。与em不同,rem单位是相对于HTML根元素的字体大小设置字体大小。
body { font-size: 16px; } h2 { font-size: 2rem; }
在上面的代码中,大家将h2元素的字体大小设置为HTML根元素的字体大小的两倍,也就是32像素。
最后,大家还可以使用百分比单位来对字体大小进行控制。百分比的字体大小是相对于父元素的字体大小设置字体大小。
.article { font-size: 120%; }
在上面的代码中,大家将所有具有.article类的元素的字体大小设置为父元素字体大小的120%。
通过不同的单位控制字体大小,大家可以让网页在不同尺寸、不同设备上都更加美观和易读。