文档库 最新最全的文档下载
当前位置:文档库 › css设置CSS的字体属性

css设置CSS的字体属性

一 .font-family:设置字体
字体族科实际上就是在CSS中设置文字的字体,用于改变HTML标志或元素的字体,相当于HTML标记中font-face属性的功能。

语法:font-family: "字体1","字体2",…

说明:如果在font-family属性中定义了不只一个字体,那么浏览器会由前向后选用字体。也就是说,当浏览器不支持第一个字体的时候,会采用第二个字体;如果前两个字体都不支持,则采用第三个字体,以此类推。如果浏览器不支持定义的所有字体,则会采用系统的默认字体。同时需要注意的是,必须用双引号引住任何包含空格的字体名










二 .font-style:字体风格
字体风格就是字体样式,主要是设置字体是否为斜体。

语法:font-style:样式的取值

样式的取值范围:normal | italic | oblique

说明:normal是以正常的方式显示;italic则是以斜体显示文字;oblique属于其中间状态,以偏斜体显示。










三 .font-variant:小型的大写字母
font-variant属性用来设置英文字体是否显示为小型的大写字母。

语法:font-variant :取值

取值范围:normal | small-caps

说明:normal表示正常的字体,small-caps表示英文显示为小型的大写字母字体。











四 .font-weight:设置加粗字体
font-weight属性用于设置字体的粗细,实现对一些字体的加粗显示。

语法:font-weight: 字体粗度值

取值范围:normal | bold | bolder | lighter | number

说明:font-weight的取值可以是其中的任何一种。其中normal表示正常粗细;bold表示粗体,bolder则表示特粗体,就是在粗体的基础上再加粗;lighter表示特细体,就是比正常字体还要细;number不是真正的取值,它表示font-weight还可以取数值,其范围是100-900,而且一般情况下都是整百的数字,如100、200等。正常字体相当于取数值400的粗细;粗体则相当于700的粗细。










五 .font-size:设置字号
字体大小属性用作修改字体显示的大小。

语法:font-size:大小取值

取值范围:

绝对大小:xx-small | x-small | small | medium | large | x-large | xx-large

相对大小:larger | smaller

长度值或百分比

说明:绝对大小根据对象字体进行调节,包括xx-small | x-small | small | medium | large | x-large | xx-large。相对大小则是相对于父对像中字体尺寸进行相对调节,它使用成比例的em单位计算,可设置为larger或smaller。长度则是由浮点数字和单位标识符组成的长度值,使用的单位可以为pt-点(1点=1/72英寸)、px-像素、in-英寸等,其中浮点数字不能为负值。百分比取值是基于父对象中字体的尺寸。

在设置字号的时候,还可以同时设置文字的行高,其取值方法和单位和使

用长度方法取字号值相同,如设置带行高的字号可以是font-size:12pt/14pt。这就表示设置的文字是12点大小,行高是14点。

相关文档
相关文档 最新文档