第六章 CSS文本

CSS文本属性用于定义文字,空格,单词,段落的表现等.

通常使用letter-spacing属性控制字母之间的距离,word-spacing属性控制文字间空格的距离,text-decoration属性定义文本是否有下划线,text-transform属性控制英文的大小写,text-align属性定义文本的对齐方式,text-indent属性定义文本首行的缩进,white-space属性定义文本与文档源代码的关系.

第一节: CSS text-decoration 属性

text-decoration -- 定义文本是否有划线以及划线的方式

Ø  取值:none | [ underline || overline || line-through || blink ] | inherit

Ø  none: 定义正常显示的文本

Ø  [underline || overline || line-through || blink]: 四个值中的一个或多个

Ø  underline: 定义有下划线的文本

Ø  overline: 定义有上划线的文本

Ø  line-through: 定义直线穿过文本

Ø  blink: 定义闪烁的文本

示例

p#underline

{

       text-decoration:underline;

}

p#overline

{

       text-decoration:overline;

}

p#line-through

{

       text-decoration:line-through;

}

p#blink

{

       text-decoration:blink;

}

p#underover

{

       text-decoration:underline overline;

}

p#underoverthroughblink

{

       text-decoration:underline overline line-through blink;

}

第二节: CSS white-space 属性

white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式

Ø  取值: normal | pre | nowrap | pre-wrap | pre-line | inherit

Ø  normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)

Ø  pre: 保持HTML源代码的空格与换行,等同与pre标签

Ø  nowrap: 强制文本在一行,除非遇到br换行标签

Ø  pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行

Ø  pre-line: 同pre属性,但是遇到连续空格会被看作一个空格

Ø  inherit: 继承

示例

p#pre

{

       white-space:pre;

}

来源CSS中国 www.csschina.net