3.3.2 字号属性size❹

文字的大小也是字体的最重要的属性之一。除了使用标题文字标签(h1~h6)设置固定大小的字号外,html语言还提供了<font>标签的size属性来设置普通文字的字号。

语法格式:

<font size="字体大小">文本</font> 

语法说明:

size属性用来设置字体的大小,它有绝对和相对两种取值方式。绝对取值是设置从1到7的整数,代表字体的绝对大小,其中1最小,7最大。相对取值是设置从“−4”到“+4”的整数,这些字体相对于3号字体放大或者缩小(浏览器默认字体大小是3号),注意数字前面的“+”和“−”不能省略。

应用举例(font_size.html):

<html> 
<head> 
<meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> 
<title>使用size属性</title> 
</head> 
<body> 
<p><font face="隶书" size="7">《相思》</font></p> 
<p><font face="宋体" size="+1">红豆生南国, 春来发几枝</font></p> 
<p><font face="方正姚体" size="-1">愿君多采撷, 此物最相思。</font></p> 
</body> 
</html>  

代码说明:

以上代码中,加粗的部分使用size属性设置文字大小。其中第1行字体大小设置为7;第2行采用相对字体大小,设置为“−1”;第3行字体同样采用相对字体大小,设置为“+1”。

在Chrome浏览器中显示效果如图3-11所示。

47140-00-047-2.jpg

图3-11 字号属性设置