web开发中的CSS文本属性.docx

CSS 文本属性 CSS 中的文本属性是指控制文本的显示和格式的样式，包括文本缩进、水平对齐、字间隔、字母间隔、文本装饰等。 文本缩进（text-indent） --------------------- 文本缩进是指在元素的第一行添加一个缩进的距离，可以使用 text-indent 属性来实现。该属性可以将所有元素的第一行缩进一个给定的长度，甚至该长度可以是负值。例如，使用以下规则可以使所有段落的首行缩进 5 em： p {text-indent: 5em;} 需要注意的是，text-indent 属性不能应用于行内元素和图像之类的替换元素上。 水平对齐（text-align） --------------------- 水平对齐是指控制文本在元素中的对齐方式，包括左对齐、右对齐、居中对齐和两端对齐。text-align 属性的值有 left、right、center、justify 四种。 * left: 文本左对齐，默认值 * right: 文本右对齐 * center: 文本居中对齐 * justify: 两端对齐，文本行的左右两端都放在父元素的内边界上 字间隔（word-spacing） --------------------- 字间隔是指控制单词之间的标准间隔，可以使用 word-spacing 属性来实现。该属性接受一个正长度值或负长度值。如果提供一个正长度值，那么字之间的间隔就会增加；如果提供一个负长度值，那么字之间的间隔就会减少。 例如： p.spread {word-spacing: 30px;} p.tight {word-spacing: -0.5em;} 字母间隔（letter-spacing） ------------------------- 字母间隔是指控制字符或字母之间的间隔，可以使用 letter-spacing 属性来实现。该属性的可取值包括所有长度。默认关键字是 normal（这与 letter-spacing:0 相同）。 例如： h1 {letter-spacing: -0.5em} h4 {letter-spacing: 20px} 文本装饰（text-decoration） ------------------------- 文本装饰是指控制文本的装饰样式，可以使用 text-decoration 属性来实现。该属性有五个值：none、underline、overline、line-through 和 blink。 * none: 取消原本应用到一个元素上的所有装饰 * underline: 在文本下方画一个下划线 * overline: 在文本顶端画一个上划线 * line-through: 在文本中间画一个贯穿线 * blink: 让文本闪烁 例如： a {text-decoration: none;} a:link, a:visited {text-decoration: underline overline;}