前端开发中,为了突出一些内容常常对一些内容进行字体大小的设置、调整。那么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属性可设置字体的尺寸。
属性值:

说明:各关键字对应的字体必须比一个最小关键字相应字体要高,并且要小于下一个最大关键字对应的字体。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。


