时间：2021-07-01 10:21:17 帮助过：20人阅读
css font-size属性怎么用？
font-size属性设置字体的尺寸。
可以设置的属性值：
| 值 | 描述 |
|---|---|
xx-small x-small small medium large x-large xx-large | 把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。 默认值：medium。 |
| smaller | 把 font-size 设置为比父元素更小的尺寸。 |
| larger | 把 font-size 设置为比父元素更大的尺寸。 |
| length | 把 font-size 设置为一个固定的值。 |
| % | 把 font-size 设置为基于父元素的一个百分比值。 |
说明：该属性设置元素的字体大小。注意，实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。各关键字对应的字体必须比一个最小关键字相应字体要高，并且要小于下一个最大关键字对应的字体。
注释：所有主流浏览器都支持 font-size 属性。
css font-size属性 示例
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <style type="text/css">
- h1 {font-size: 300%}
- h2 {font-size: 200%}
- p {font-size: 100%}
- </style>
- </head>
- <body>
- <h1>Gxl网</h1>
- <h2>php视频教程</h2>
- <p>php程序员词典</p>
- </body>
- </html>
效果图：
以上就是css font-size属性怎么用的详细内容，更多请关注Gxl网其它相关文章！