CSS文本

缩进文本

 属性通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。如果使用负值，那么首行会被缩进到左边。

1、使用负值

如果对一个段落设置了负值，那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题，建议针对负缩进再设置一个外边距或一些内边距：

2、使用百分比值

text-indent 可以使用所有长度单位，包括百分比值。

百分数要相对于缩进元素父元素的宽度。

3、继承

text-indent 属性可以继承。

水平对齐

1、text-align是一个基本的属性，它会影响一个元素中的文本行互相之间的对齐方式。

2、值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。

3、<CENTER> 不仅影响文本，还会把整个元素居中。text-align 不会控制元素的对齐，而只影响内部内容。元素本身不会从一段移到另一端，只是其中的文本受影响。

4、最后一个水平对齐属性是 justify，在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等。

字间隔

word-spacing 属性可以改变字（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值，那么字之间的间隔就会增加。为 word-spacing 设置一个负值，会把它拉近。

字母间隔

letter-spacing 属性与 word-spacing 的区别在于，字母间隔修改的是字符或字母之间的间隔。

与 word-spacing 属性一样，letter-spacing 属性的可取值包括所有长度。默认关键字是 normal（这与letter-spacing:0 相同），输入的长度值会使字母之间的间隔增加或减少指定的量。

字符转换

text-transform 属性处理文本的大小写。这个属性有 4 个值：

none 、uppercase  、lowercase  、capitalize

默认值 none 对文本不做任何改动，将使用源文档中的原有大小写。顾名思义，uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后，capitalize 只对每个单词的首字母大写。

文本装饰

 text-decoration 属性有 5 个值：

none、underline、overline、line-through、blink

underline 会对元素加下划线， overline会在文本的顶端画一个上划线，line-through则在文本中间画一个贯穿线， blink 会让文本闪烁，none 值会关闭原本应用到一个元素上的所有装饰。

处理空白符

 white-space属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理。

1、值 pre

white-space 属性的值为 pre，空白符不会被合并，浏览器将会注意额外的空格，甚至回车。

2、值 nowrap

它会防止元素中的文本换行，除非使用了一个 br 元素。

 当 white-space 属性设置为 pre-line 时，浏览器会合并空白符，但会保留换行符，并允许自动换行。

当 white-space 属性设置为 pre-wrap 时，浏览器不仅会保留空白符并保留换行符，还允许自动换行。

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

 

 文本方向

direction 属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。

direction 属性有两个值：ltr 和 rtl。大多数情况下，默认值是 ltr，显示从左到右的文本。如果显示从右到左的文本，应使用值 rtl。

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