该属性设置元素的文字大小。注意,实际上它设置的是字符框的高度,而实际的宇符字形可能比这驻框高或矮(通常会矮)。
各个关键字对应的字体必须比一个最小关键字相应的字体要高,并且要小于下一个最大关键字对应的字体。
可以在网页中随意设置文字大小,例如:
<P>检测文字大小!</P>
p{font - size: 20px;}
常用的font-size属性值的单位为以下几种:
©像素(px):根据显示器的分辨率来设置大小,Web应用中常用此单位。
©点数(pt):裉据Windows系统定义的字号大小来确定,pt就是point,是印刷行业常用的单位。
©英寸(in)、厘米(cm)和毫米(mm):根据实际大小来确定。此类单位不会因为显示器的分辨率改变而改变。
©倍数(em ):表示当前文本的大小。
©百分比(%):是以当前文本的百分比定义大小。
【例题】设置文字大小
下面就用一个小的实例来练习这些单位的用法,代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
font-size: 20px;
}
div{
font-size: 20pt;
}
a{
font-size: 1in;
}
span{
font-size: 2em;
}
em{
font-size: 200%;
}
</style>
</head>
<body>
<p>检测文字大小!20px</p>
<hr/>
<div>检测文字大小!20pt</div>
<hr/>
<a href="">检测文字大小!1in</a>
<hr/>
<span>检测文字大小!2em</span>
<hr/>
<em>检测文字大小!200%</em>
</body>
</html>
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>