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 属性的行为：

• 文本方向

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

div
  {
      direction: rtl
  }

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

CSS 文本属性

CSS笔记（四）文本

标签：

原文地址：http://www.cnblogs.com/AmitX-moten/p/4846553.html