- HTML5/CSS3/JavaScript技术大全
- 曹衍龙 汪杰
- 370字
- 2021-04-01 18:49:12
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所示。
图3-11 字号属性设置