CSS2学习笔记(一) 2006-04-30
1、font-variant 版本：CSS1 兼容性：IE4+ NS6+ 继承性：有
语法： font-variant : normal | small-caps
参数： normal : 正常的字体
small-caps : 小型的大写字母字体
说明： 设置或检索对象中的文本是否为小型的大写字母。对应的脚本特性为fontVariant。
示例： span { font-variant: small-caps; }
2、font-style 版本：CSS1 兼容性：IE4+ NS4+ 继承性：有
语法：font-style : normal | italic | oblique
参数：
normal : 正常的字体
italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
oblique : 倾斜的字体
说明： 设置或检索对象中的字体样式。对应的脚本特性为fontStyle。
示例：P{font-style:oblique;}P{font-sytle:italic;}
3、font : font-style || font-variant || font-weight || font-size || line-height || font-family
示例：
p { font: italic small-caps 600 12pts/18pts 宋体; }
p { font: italic small-caps 600 12pts/150% Courier; }
p { font: italic small-caps 600 12pts/1.5 Courier; }
p { font: italic small-caps 600 12pts/18pts Courier; }
p { font: /18pts serif; }
p { font: oblique 100 24pts; }
H1 { font: 15pt/17pt bold "Arial" normal }
4、text-decoration
语法：text-decoration : none || underline || blink || overline || line-through
示例：div{text-decoration:underline overline;}
5、text-shadow 版本：CSS2 兼容性：NONE 继承性：无
语法：text-shadow : color || length || lenth|| opacity
示例：新世纪新未来 p:first-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;}
6、text-transform 版本：CSS1 兼容性：IE4+ NS4+ 继承性：有
语法：text-transform : none | capitalize | uppercase | lowercase
参数：
none : 无转换发生
capitalize : 将每个单词的第一个字母转换成大写，其余无转换发生
uppercase : 转换成大写
lowercase : 转换成小写
说明：检索或设置对象中的文本的大小写。对应的脚本特性为textTransform。
示例：new century div { text-transform : uppercase; }
6、text-indent 版本：CSS1 兼容性：IE4+ NS4+ 继承性：有
语法：text-indent : length
参数： length : 百分比数字|由浮点数字和单位标识符组成的长度值，允许为负值。
说明：检索或设置对象中的文本的缩进。在被另一个对象（如）断开的对象内不能应用本属性。对应的脚本特性为textIndent。
示例： div { text-indent : -5px; } div { text-indent : underline 10%; }
7、text-overflow 版本：IE6+专有属性 继承性：无
- 语法：text-overflow : clip | ellipsis
参数：
clip : 不显示省略标记（...），而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记（...）
说明：设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverflow。
示例：div { text-overflow : clip; }
8、layout-flow 版本：IE5.5+专有属性 继承性：有
- 语法：layout-flow : horizontal | vertical-ideographic
参数：
horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic : 对象中的内容自上而下流入，下一行在前一行左面。这个值适于亚洲语系
说明：设置或检索对象内文本的流动和方向。当此属性值发生变化时，text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为layoutFlow。
示例：div { layout-flow : horizontal; }
