前端开发中,为了突出一些内容常常对一些内容进行字体大小的设置、调整。那么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属性可设置字体的尺寸。
属性值:
说明:各关键字对应的字体必须比一个最小关键字相应字体要高,并且要小于下一个最大关键字对应的字体。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。