22 设置字体属性.docVIP

2.2 设置字体属性 通常，XML文档中最主要的信息是由文本信息构成的。换句话说，文字和符号是存储信息的主要载体。现在就来学习CSS中控制文字格式的相关语法。 2.2.1 font 属性集 1. font 属性的分类 font属性通常用于设置指定字体的风格、大小、亮度等参数。该属性在XML样式表分 类中属于通用字体类，由CSS定义。font 属性的常见子属性见表2-1。 表 2-1 font 属性的常见子属性 Font属性 说明 font-family 指定字体的字型 font-style 指定字体的风格 font-weight 指定字体的亮度 font-variant 指定字体全为大写字母 font-size 指定字体的大小 font-stretch 指定字体的压缩或拉伸方式 2. font 属性的用法 与常见的 CSS 属性设置类似，font 属性的使用示例如下： element{font-style:italic;font-size: 20pt; font-family: 楷体_gb2212;} 该示例中，最前面是被指定格式的 XML 元素的名称。在接下来的字体样式设定中，声明了使用的字体风格是斜体(italic)，字体大小是20 像素(20pt)，字型为国标楷体(楷体-gb2212)。 2. 字体字型font-family 属性 font-family 属性用于指定字体名称，属性值使用逗号分隔的字体名称。如果字体名称中出现空格，必须使用双引号将字体括起来，如“Times New Roma”。 font-family 属性可用的值取决于用户系统中已经安装了的字体，在Windows 系统的安装目录下的fonts 文件夹中保存了系统安装的所有字体。 font-family 属性的参数值可以有几个，在指定font-family 属性的时候，可以同时指定几个字符集。这样，在浏览器找不到第一个字符集的时候可以按顺序使用第二个字符集显示字体，例如： element{font-family:楷体_gb2212,宋体,黑体;} 该格式说明了可以使用楷体_gb2212、宋体、黑体2 种字体来显示element 元素。若系统中找不到楷体_gb2212，则用宋体；若也没有宋体，则使用黑体，按出现的先后顺序优先选择。 4. 字体风格font-style 属性 font-style 属性用于指定字体的风格，例如显示斜体字样。font-style 属性的参数值见表2-2。 表 2-2 font-style 属性的参数值 font-style属性 说明 normal 表示不使用斜体，该参数是font-style italic 表示使用斜体显示文字 oblique 表示使用倾斜幅度不大的斜体显示文字 读者阅读的普通文本就是正常体。倾斜字体(oblique)的文本十分类似于斜体文本。但是，绝大多数情况下，倾斜字体的文本是由计算机根据简单的算术运算，使正常的文本倾斜一定的角度实现的。用斜体字印刷文本通常是为了美观。 5. 字体亮度font-weight 属性 font-weight 属性设置字体的粗体程度，用于决定文本以多黑(粗)或多浅(细)显示文本。font-weight 属性的参数值见表2-2。 font-weight 属性设置字体的粗体程度，常用取值为bold 和normal，例如： element{font-weight:bold} 表示以粗体形式显示element。font-weight 取值normal 表示以正常形式显示字体，此外font-weight 还可取值100，200，200，400，500，600，700，800，900 来表示其粗细程度，100 表示最细、400 表示正常值、700 表示标准黑体，其他数字表示相对于区间内的黑度。 表 2-2 font-weight 属性的参数值 font-weight属性 说明 normal 表示使用标准字体(没有加深色彩)，该参数是font-variant bold 表示使用标准的黑体文本 bolder 表示使用比标准黑体还要深的颜色显示文字(为相对参数) lighter 表示使用比标准黑体稍浅的颜色显示文字(为相对参数) element{font-weight:900} element{font-weight:200} 当取值越大时表示的字体越粗，当取值越小时表示的字体越细(取值为900 时最粗，100 时最细)。 6. 设置为大写字母font-variant 属性 font-varian