CSS学习，3--字体属性

font 版本：CSS1/CSS2　 兼容性：IE4+ NS4+　继承性：有

语法：

font : font-style || font-variant || font-weight || font-size || line-height || font-family

font : caption | icon | menu | message-box | small-caption | status-bar

参数：

该属性是复合属性。第一种声明方式请参阅各参数对应的属性。

第二种声明方式中的参数属于CSS2。

caption : 使用有标题的系统控件的文本字体（如按钮，菜单等）

icon : 使用图标标签的字体

menu : 使用菜单的字体

message-box : 使用信息对话框的文本字体

small-caption : 使用小控件的字体

status-bar : 使用窗口状态栏的字体

说明：

设置或检索对象中的文本特性。该属性是复合属性。

第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。

示例：

1 p { font: italic small-caps 600 12pts/18pts 宋体; }

2 p { font: italic small-caps 600 12pts/150% Courier; }

3 p { font: italic small-caps 600 12pts/1.5 Courier; }

4 p { font: italic small-caps 600 12pts/18pts Courier; }

5 p { font: /18pts serif; }

6 p { font: oblique 100 24pts; }

7 H1 { font: 15pt/17pt bold "Arial" normal }

color 版本：CSS1　 兼容性：IE4+ NS4+　继承性：有

语法：

color : color

参数：

color : 　指定颜色。请参阅颜色单位和附录：颜色表

说明：

检索或设置对象的文本颜色。无默认值。

注意，用颜色名称指定color不被一些浏览器接受。

示例：

1 div {color: #345456; }

2 div { color: rgb(100,14,200); }

3 div {color: menu; }

4 div {color: red; }

font-family 版本：CSS1　 兼容性：IE4+ NS4+　继承性：有

语法：

font-family : name

font-family : cursive | fantasy | monospace | serif | sans-serif

参数：

name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格，则应使用引号括起

第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列，将提供默认字体序列

说明：

设置或检索用于对象中文本的字体名称序列。

默认值由浏览器确定。

序列可包含嵌入字体字体。

示例：

1 div.fixedwidth { font-family: Courier, "Courier New", monospace }

font-size 版本：CSS1　 兼容性：IE4+ NS4+　继承性：有

语法：

font-size : absolute-size | relative-size | length

参数：

absolute-size : 根据对象字体进行调节。xx-small | x-small | small | medium | large | x-large | xx-large

relative-size : 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。larger | smaller

length : 百分数 | 由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。

说明：

设置或检索对象中的字体尺寸。

默认值为absolute-size的medium值。

示例：

1 p { font-style: normal; }

2 p { font-size: 12px; }

3 p { font-size: 20%; }

font-style 版本：CSS1　 兼容性：IE4+ NS4+　继承性：有

语法：

font-style : normal | italic | oblique

参数：

normal : 正常的字体

italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique

oblique : 倾斜的字体

说明：

设置或检索对象中的字体样式。

示例：

1 p { font-style: normal; }

2 p { font-style: italic; }

3 p { font-style: oblique; }

font-weight 版本：CSS1　 兼容性：IE4+ NS4+　继承性：有

语法：

font-weight : normal | bold | bolder | lighter | number

参数：

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

bold : 粗体。相当于number为700。也相当于b对象的作用

bolder : IE5+　特粗体

lighter : IE5+　细体

number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

说明：

设置或检索对象中的文本字体的粗细。

作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说，用户可能看不到不同值之间的差异。

示例：

1 span { font-weight:800; }

text-decoration 版本：CSS1　 兼容性：IE4+ NS4+　继承性：无

语法：

text-decoration : none || underline || blink || overline || line-through

参数：

none : 　无装饰

blink : 　闪烁

underline : 　下划线

line-through : 　贯穿线

overline : 　上划线

说明：

检索或设置对象中的文本的装饰。

有href特性的a，以及u，ins对象默认值为underline 。

对象strike，s，del，默认值是line-through。

没有文本的对象此属性不会作用。

示例：

1 div { text-decoration : underline; }

2 div { text-decoration : underline overline; }

text-underline-position 版本：IE5.5+专有属性　继承性：有

语法：

text-underline-position : below | above

参数：

below : 　在文本下面

above : 　在文本上面

说明：

设置或检索text-decoration属性定义的下划线的位置。

示例：

1 p { text-underline-position: above; text-decoration: underline; }

font-variant 版本：CSS1　 兼容性：IE4+ NS6+　继承性：有

语法：

font-variant : normal | small-caps

参数：

normal : 正常的字体

small-caps : 小型的大写字母字体

说明：

设置或检索对象中的文本是否为小型的大写字母。

示例：

1 span { font-variant: small-caps; }

text-transform 版本：CSS1　 兼容性：IE4+ NS4+　继承性：有

语法：

text-transform : none | capitalize | uppercase | lowercase

参数：

none : 　无转换发生

capitalize : 　将每个单词的第一个字母转换成大写，其余无转换发生

uppercase : 　转换成大写

lowercase : 　转换成小写

说明：

检索或设置对象中的文本的大小写。

示例：

1 div { text-transform : uppercase; }

line-height 版本：CSS1　 兼容性：IE4+ NS4+　继承性：有

语法：

line-height : normal | length

参数：

normal : 　默认行高

length : 　百分比数字 | 由浮点数字和单位标识符组成的长度值，允许为负值。其百分比取值是基于字体的高度尺寸。

说明：

检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。

如行内包含多个对象，则应用最大行高。此时行高不可为负值。

示例：

1 div {line-height:6px; }

2 div {line-height:10.5; }

letter-spacing 版本：CSS1　 兼容性：IE4+ NS6+　继承性：有

语法：

letter-spacing : normal | length

参数：

normal : 　默认间隔

length : 　由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位

说明：

检索或设置对象中的文字之间的间隔。

该属性将指定的间隔添加到每个文字之后，但最后一个字将被排除在外。

示例：

1 div {letter-spacing:6px; }

2 div {letter-spacing:0.5pt; }

word-spacing 版本：CSS1　 兼容性：IE4+ NS6+　继承性：有

语法：

word-spacing : normal | length

参数：

normal : 　默认间距

length : 　由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位

说明：

检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。

示例：

1 div { word-spacing : 10; }

2 div { word-spacing : 10px; }