第二章 CSS设置字体.docVIP

第章?font-family 在HTML中设置字体使用的font标记的face属性，而在CSS中可以使用font-family属性来设置字体。字体族科的意思就是在CSS中利用font-family属性设置文字的字体。 基本语法： font-family:字体1, 字体2, 字体3,……; 语法说明： 应用font-family属性可以一次定义多个字体，而在浏览器读取字体时，会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体，则自动读取第二种字体，若第二种字体也找不到，则自动读取第三种字体，这样依次类推。如果定义的所有字体都找不见，则选用计算机系统的默认字体。 在定义英文字体时，若英文字体名是由多个单词组成，并且单词之间有空格，那么一定要将字体名用引号（单引号或双引号）引起来。如：font-family:Georgia, Times New Roman, Times, serif;。 实例1.html： html head title在CSS中设置字体/title style !-- h2{font-family:黑体} p{font-family:隶书,楷体,宋体} -- /style /head body center h2用font-family属性设置字体/h2 /center hr p字体按照隶书、楷体、宋体的顺序被浏览器选择读取/p /body /html 网页效果如图2-1。 图2-1 设置字体 2 设置字号font-size 在HTML中设置字体使用的font标记的size属性，而在CSS中可以使用font-size属性来设置字号。不同之处还有，在HTML中设置的字号大小有7个级别，但CSS中字号的大小可以任意设置。 基本语法： font-size:绝对尺寸|关键字|相对尺寸|百分比 语法说明： 绝对尺寸是指尺寸大小不会随着显示器分辨率的变化而变化，也不会随着显示设备的不同而变化。如用绝对尺寸设置的文字在显示器分辨率为960×600和分辨率为1024×768下所显示的大小是一样的。 使用绝对尺寸设置文字大小的时候一定要加上单位，如果没有加单位，浏览器会默认以px（像素）为单位。绝对尺寸可以使用的单位包括in（英寸）、px（像素）、cm（厘米）、mm（毫米）、pt（点）、pc（皮卡）。最常用的单位还是px（像素）。（1点=1/72英寸）。 相对尺寸是指尺寸大小继承于该元素属性的前一个属性单位值。这里要强调的是，如果是在该元素的font-size属性中使用cm为属性单位，那么将直接继承于父元素的font-size属性，若没有父元素，则参考浏览器的默认字号值。 绝对尺寸和相对尺寸也可以使用关键字来定义字号。绝对尺寸的关键字有七个，分别为xx-small（极小）、x-small（较小）、small（小）、medium（标准大小）、large（大）、x-large（较大）、xx-large（极大）。相对尺寸则仅有两个关键字，分别为larger（较大）和smaller（较小）。相对尺寸的larger是指在它的上一个关键字基础上扩大一级，smaller则是在它上一个关键字基础上缩小一级。 百分比是基于父元素中字体的大小为参考值的。 p{font-size:16pt} b{font-size:200%} 这两行代码说明，所有p标记中用b标记定义的文字尺寸大小，是在p标记中定义的文字大小的200%，即为32pt。 实例2.html。 html head title在CSS中设置字号/title style !-- .z1{font-size:0.3in} .z2{font-size:30px} .z3{font-size:0.5cm} .z4{font-size:10mm} -- /style /head body center h2 class=z1使用绝对尺寸设置字号大小/h2 /center hr p class=z2这是30像素大小的文字/p p class=z3这是0.5厘米大小的文字/p p class=z4这是10毫米大小的文字/p /body /html 其中.z1{font-size:0.3in}定义了字号为0.3英尺的类样式z1，.z2{font-size:30px}定义了字号为30像素的类样式z2，.z3{font-size:0.5cm}定义了字号为0.5厘米的类样式z3，.z4{font-size:10mm}定义了字号为10毫米的类样式z4。 网页效果如图2-2。 图2-2 使用绝对尺寸设置字号 实例3.html。 html head title在CSS中设置字号/