css如何改变字体大小?

在CSS中,可以使用font-size属性设置和修改字体大小。下面本篇文章就来给大家介绍一下font-size属性,希望对大家有所帮助。

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 设置为基于父元素的一个百分比值。
inherit规定应该从父元素继承字体尺寸。

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

示例:

<!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>

效果图:

1.jpg-600

以上就是css如何改变字体大小?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑