第13章 CSS的属性和值
一、CSS字体属性
1、字体集合(font-family)
可以用一个指定的字体名或一个种类的字体集合。多个集合的赋值是可以使用的，而如果确定了一个指定的字体赋值，就应该有一个种类集合名随后，以防第1个选择不存在。定义一个字体的集合的时候，就相当于定义了一个字体的控制集合，当浏览器解释执行的时候，会控制集合中所列的字体顺序从前到后的选择字体。任何包含空格的字体名都必须用单引号引住。字体集合也可以用字体属性给出。 案例名称：字体集合 l2-1.htm
字体集合
text/css
■CSS字体■
2002:7:25 ·eva(原创)
■ FONT-FAMILY属性：
每部机器上都装有多种字体，浏览器会使用默认的字体浏览网页，比如简体中文版WINDOWS汉字默认是宋体，英文默认是ARIAL。 使用FONT-FAMILY属性则可以规定浏览器用什么字体解读网页。
■ FONT-FAMILY语法实例：
h2 {font-family:times,impact,sans-serif}
说明如下:
helvetica是浏览器首先寻找的字体名称，如果有就使用它。在helvetica字体没有找到的情况下，则会寻找impact字体，如果找到就使用它。如果以上两种字体都没有找到，则指示浏览使用sans-serif（通用字体）。在你不能保证你列出的字体浏览者一定会安装时，将一种通用字体加在字体列表中是一种好的做法。因此我们提倡使用最基本的字体制作网页，比如中文用宋体，英文用ARIAL，这样使得你的网页不会因为浏览器没能使用合适的字体解读而变样。
如果一种字体的名称中有空格，如\，在CSS语句中要用引号包含该字体。 例：Body {font-family:\
如果该语句已在双引号里，则字体名降级为单引号。
例：
如果该语句包括其它CSS规则，字体说明应放在最后。
例:H2 {color:red;margin:10px;font-family:\
2、字体风格(font-style)
该属性以3个方法的其中一个来定义显示的字体：normal（普通）、italic（斜体）或oblique（倾斜）。 案例名称：字体风格 l2-2.htm
字体变形ABCabc
4、字体加粗(font-weight)
字体加粗属性用作说明字体的字重,该属性值可以从100到900，normal相当于400，bold相当于700，bolder是将继承值加上一个等级，lighter是将继承值减上一个等级。
浏览器能不能正确显示要看使用的字体类型支持几种粗细值。 案例名称：字体加粗 l2-4.htm
|
5、字体大小(font-size)
字体大小属性用作修改字体显示的大小：xx-small/x-small/small/medium/large/x-large/xx-large /smaller/larger/百分比/高度。关键字的本级与上级的比是：1:1.5，比如：medium与large的比是1:1.5；而larger是将继承值加上一级，smaller是将继承值减上一级；百分比是将默认字体扩大或缩小若干倍；高度的单位前面已讲过。 案例名称：字体大小 l2-5.htm
| 20pt | 6、字体(font) 属性值：[ 59 该属性可以一次定义前面所提到的所有属性，还有行高。例如P{font:italic bold 12pt/14pt 黑体,Times }用于指定该段为italic（斜体）和bold（字重），24点大小和行高为44点，黑体或Times字体。 案例名称：字体大小 l2-6.htm 字体 二、CSS文本属性
1、字体间隔(letter-spacing) 字母间隔属性定义一个附加在字符之间的间隔数量。该值必须符合长度格式，允许使用负值。一个设为0值会阻止文字的调整。 案例名称：字体间隔 l2-7.htm 字体修饰 3、纵向排列(vertical-align) 纵向排列属性可以用作一个内部元素的纵向位置，相对于它的上级元素或相对于元素行（一个内部元素 是没有行在其前和其后断开的，例如，在HTML中的EM、A和IMG）。 该值可以是一个相对于元素行高属性的百分比，它会在上给基线上增高元素基线的指定数量。该值可以是负值。 ·baseline（使元素和上级元素的基线对齐） ·middle（纵向对齐元素基线加上上级元素的高度——字母x的高度——的一半的中点） ·sub（下标） ·super（上标） ·text-top（使元素和上级元素的字体向上对齐） ·text-bottom（使元素和上级元素的字体向下对齐） ·影响相对于元素行的位置的关键字有下面两个。 ·top（使元素和行中最高的元素向上对齐） ·bottom（使元素和行中最低的元素向下对齐） 案例名称：纵向排列 l2-9.htm 广本转换css样式abc
5、文本排列(text-align) 文本排列属性可以应用于块级元素（如P、H1等），使元素文本得到排列，这个属性的功能类似于HTML的段、标题和部分ALIGN属性：center、left、right，justify(两端对齐)。注意：justify比较特殊，很多情况都不支持。 案例名称：文本排列 l2-11.htm |
