css文本

1.缩进文本：text-indent

            p{text-indent:5em;}/*首行缩进5em*/

            p{text-indent:-5em; padding-left:5em}/*首行悬挂缩进，为了防止文本往左超出文本框范围，要加上padding-left*/

            p{test-indent:20%}/*假如文本框宽度为500px，那么首行就会缩进100px。。。500*20%=100px*/

           首行缩进的属性是可以继承的。

2.水平对齐：text-align  该属性会影响一个元素中的文本行互相之间的对齐方式。

        left：把文字排列到左边，默认值。

        right：把文字排列到右边

        center：把文字排列到中间

        justify：实现两端对齐文本效果

       inherit：规定应该从父元素继承text-align属性的值

注意：text-align:center与<center>两者的作用不一样：前者是影响元素内容，而不会影响元素本身；后者不仅影响文本，还会把整个元素居中。

3.字间隔：word-spacing  修改单词之间的距离

        normal：默认。定义单词间的标准空间

        [length]：例如20px,-5em;正值会加大单词间的间距，负值会使得各个单词之间更加紧凑，甚至会有重叠部分

        inherit：规定从父元素继承word-spacing属性的值

4.字母间隔：letter-spacing   修改字符或字母之间的距离，可能值与单词（字）间隔一样

5.字符转换：text-transform 处理文本的大小写

         none：默认。定义带有小写字母和大写字母的标准文本。

         capitalize：文本中的每个单词以大写字母开头

         uppercase：定义仅有大写字母。

         lowercase：定义仅有小写字母

         inherit：规定应该从父元素继承text-transform属性的值。

6.文本装饰：text-decoration

         none：默认，定义标准的文本

         underline：文本有下划线

         overline：文本有上划线

         line-through：文本中间有一条线穿过

         blink：定义闪烁的文本

         inherit：规定应该从父元素继承 text-decoration 属性的值。

7.处理空白符 white-space

    

值	描述

    

normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。

8.文本方向：direction

值	描述
ltr	默认。文本方向从左到右。
rtl	文本方向从右到左。
inherit	规定应该从父元素继承 direction 属性的值。

9.设置行高：line-height，不允许使用负值。

值	描述
normal	默认。设置合理的行间距。
number	设置数字，此数字会与当前的字体尺寸相乘来设置行间距。数值
length	设置固定的行间距。像素
%	基于当前字体尺寸的百分比行间距。
inherit	规定应该从父元素继承 line-height 属性的值。