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)