font-size · 跟老司机学CSS3

**font-size** * 描述：设置对象中的字体大小。 * 版本：CSS1 * 继承性：有 **语法** ``` font-size：取值; ``` 取值类型 * absolute-size：根据对象字号进行设置。以 medium 作为基础参照，xx-small 相当于`medium*3/5` (h6)，x-small 相当于 `medium*3/4`，small 相当于 `medium*8/9` (h5)，medium: 1 (h4)，large 相当于 `medium*6/5` (h3)，x-large 相当于 `medium*3/2` (h2)，xx-large 相当于 `medium*2/1` (h1)。 * relative-size：相对于父对像中字号进行设置。使用成比例的 em 单位计算。 * length：用长度值设置文字大小，不允许负值。 * percentage：用百分比设置文字大小，其百分比取值是基于父对象中字体的尺寸，不允许负值。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>font-size</title> <style> #container .p1{ font-size: 20px; } #container .p2{ font-size: xx-small ; } #container .p3{ font-size: larger; } </style> </head> <body> <div id="container"> <p class="p1">测试字体</p> <p class="p2">测试字体</p> <p class="p3">测试字体</p> </div> </body> </html> ``` ![font-size](https://box.kancloud.cn/bb1db5e6b9bd4b0e10599ffd54daf604_166x123.png)