前端CSS基础：CSS文本属性这一篇足够

CSSText（文本）属性可以定义文本的外观，比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。

1.文本颜色------color

color属性用于定义文本的颜色。

                span {
                    color:red;
                }

 上面就是将span标签中的文本颜色改为红色。

表示方式	属性值
颜色单词（预定义的颜色值）	red、blue、pink......
十六进制型（最常用）	#FFFFFF、#CCC......
RGB型（RGB是red,green,blue的首字母大写）	rgb(255,0,0)或者（100%，0%，0%）

 2.对齐文本----text-align

text-align属性用于设置元素文本内容的水平对齐方式。

            div {

                        text-align:center;

                }

上面的意思就是div中的文字水平居中对齐

属性值	描述
left	左对齐
right	右对齐
center	居中对齐

 

3.装饰文本----text-decoration

text-decoration属性规定添加到文本的修饰，可以给文本添加下划线、删除线，上划线等。

              div {

                        text-decoration:underline;

                }
上面的意思是div中的文本加下划线。

属性值	描述
none	默认值，什么都不加
underline	下划线，a标签自带下划线（常见）.
overline	上划线
line-through	删除线

4.文本缩进----text-indent

text-indent属性用来指定文本的第一行的缩进，通常将段落的首行缩进。

        div {

                text-indent:10px

        }

上面的意思是div中的文本首行缩进10个像素（px）

为了更方便，这里要用到一个新的单位-----em

em是一个相对单位，就是当前元素（font-size）1个文字的大小，如果当前元素没有设置大小，则会按照父元素的1个文字的大小。

比如：

        p {

        text-indent:2em;

        }

上面的意思就是开头空两个字。

5.行间距----line-height

line-height属性用于设置行间的距离（行高），可以控制文字与行之间的距离。

注意行间距由三部分组成：上间距，文本高度，下间距