前端开发中, 为了突出一些内容常常对一些内容进行字体大小的设置, 调整. 那么 CSS 怎么调字体大小? 下面本篇文章就来给大家介绍一下使用 CSS 调整字体大小的方法, 希望对大家有所帮助.
在 CSS 中想要调整字体大小, 可以使用 font-size 属性. font-size 属性用于设置字体大小, 字体的尺寸; 实际上该属性设置的是字体中字符框的高度; 实际的字符字形可能比这些框高或矮 (通常会矮).
示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <style type="text/css">
- .p1 { font-size: 300% } .p2 { font-size: 200% } .p3 { font-size: 100%
- }
- </style>
- </head>
- <body>
- <p class="p1">
- 这是段落 1
- </p>
- <p class="p2">
- 这是段落 2
- </p>
- <p class="p3">
- 这是段落 3
- </p>
- </body>
- </HTML>
效果图:
font-size 属性
font-size 属性可设置字体的尺寸.
属性值:
说明: 各关键字对应的字体必须比一个最小关键字相应字体要高, 并且要小于下一个最大关键字对应的字体.
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/13728.html