toc

Intro

css3之前的文本样式主要有

• font-family——字体类型。
• font-style——定义字体样式，值有normal、italic斜体、oblique（倾斜）
• font-variant——定义字体大小写，值有normal、small-caps（小型的大写字母字体）
• font-weight——定义了字体的粗细。
• font-size——字体的大小
• font——复合型的属性。
• color——定义文字颜色
• word-spacing——定义词间距
• letter-spacing——定义字符间距
• text-decoration——定义文本修饰线，值有none（默认值）、blink（闪烁）、underline、line-though（贯穿线）、overline（上画线，可作为删除线）
• vertical-align——定义文本的垂直方式，值有auto、baseline、sub、super、top、text-top、middle、bootom、text-bottoom、length。
• text-transform——定义了文本的大小写，值有none（默认）、capitalize（单词首字大写）、uppercase（大写）、lowercase（小写）
• text-align——定义文本的水平对齐方式，值有left、right、center、justify（两段对齐）
• text-indent——定义了文本的首行缩进。
• line-height——定义文本行高。

——以下为css2中新增的

• font-size-adjust——定义是否强制对文本使用同一尺寸。
• font-stretch——定义是否横向拉伸变形字体。
• text-shadow——定义了文本阴影效果。
• direction——文本的流入方向。值有ltr（默认值）、rtl（文本从右到左流入）、inherit（文本流入方向由继承获得）
• unicode-bidi——定义一个页面里面存在从不同方向读进的文本显示，与direction属性一起使用。

————
css3中新增了3个文本样式的属性
text-shadow、text-overflow、word-wrap
首先介绍下text-shadow，顾名思义其定义了文本的阴影效果。
其写法可以从下图（来源于http://webdesignerwall.com/）中很容易的看到:

——-使用text-shadow可以作出比较有趣的效果（查看demo），如图：