CSS怎么调字体大小?

来自:互联网
时间:2019-11-11
阅读:

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

属性值:

1.jpg

说明:各关键字对应的字体必须比一个最小关键字相应字体要高,并且要小于下一个最大关键字对应的字体。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

2.jpg

返回顶部
顶部