CSS笔记（四）文本

　　CSS 文本属性可定义文本的外观。通过文本属性，可以改变文本的颜色、字符间距，对齐文本，装饰文本和对文本进行缩进，等等。

　　参考：http://www.w3school.com.cn/css/css_text.asp

• 缩进文本

　　首行缩进：

p {text-indent: 5em;}

负值缩进，实现“悬挂缩进”等：

p {text-indent: -5em; padding-left: 5em;}

• 水平对齐

<center>既会影响文本居中，还会影响整个元素居中。而text-align不会影响元素的对齐方式，只会影响文本。

h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}

• 单词间间隔

其默认值为normal，与设置值为０效果相同。

p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}

• 字母间隔

　　改变字符或字母间的间隔。

h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}

• 字符转换

文本大小写转换，共none，uppercase，lowercase和capitalize（首字母大写）四个值。

h1 {text-transform: uppercase}

• 文本装饰

对文本进行装饰，共none，underline，overline，line-through和blink五个值。

a:link a:visited {text-decoration: underline overline;}

• 处理空白符

影响对源文档中的空格、换行和tab字符的处理。

p {white-space: normal;}

下面的表格总结了 white-space 属性的行为：

值	空白符	换行符	自动换行
pre-line	合并	保留	允许
normal	合并	忽略	允许
nowrap	合并	忽略	不允许
pre	保留	保留	不允许
pre-wrap	保留	保留	允许

• 文本方向

用于设置文本方向。下边的例子从右到左显示。

div
  {
      direction: rtl
  }

注意：对于行内元素，只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。

CSS 文本属性

属性	描述
color	设置文本颜色
direction	设置文本方向。
line-height	设置行高。
letter-spacing	设置字符间距。
text-align	对齐元素中的文本。
text-decoration	向文本添加修饰。
text-indent	缩进元素中文本的首行。
text-shadow	设置文本阴影。CSS2 包含该属性，但是 CSS2.1 没有保留该属性。
text-transform	控制元素中的字母。
unicode-bidi	设置文本方向。
white-space	设置元素中空白的处理方式。
word-spacing	设置字间距。