#### 同样，文本也有许多样式，但是一般只用几种
* ##### 文本颜色：
> color的几种表示方法：
> ~~~
> color:red;
> color:#ffac06;
> color:rgb(100,20,30);
> color:rgb(%60,%20,%20);
> ~~~
> 有时候
> `color:rgb(100,20,30,0.6);`
> 最后一个表示透明度，介于0-1
* ##### 文本的对齐方式:
> 文本排列属性是用来设置文本的水平对齐方式。
> 文本可居中或对齐到左或右,两端对齐.
> 当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）。
~~~
h1 {text-align:center;}
h1 {text-align:left;}
p.date {text-align:right;}
p.main {text-align:justify;}
~~~
* ##### 文本修饰
>text-decoration 属性用来设置或删除文本的装饰。
>**从设计的角度看 text-decoration属性主要是用来删除链接的下划线：**
~~~
h1 {text-decoration:overline;}-----上划线
h2 {text-decoration:line-through;}------中间划线
h3 {text-decoration:underline;}------下划线
h4 {text-decoration:none;}------无，默认，一般用来去掉a属性的下划线
~~~
* ##### 文本缩进
>文本缩进属性是用来指定文本的第一行的缩进。
`p {text-indent:50px;}`------表示p段落的首行缩进50px
* ##### 指定字符之间的空间：（常用在字体美观调整方面）
~~~
h1 {letter-spacing:2px;}------每个字体间隔2px
h2 {letter-spacing:-3px;}------每个字体间隔-3px，也就是挤到一块了
~~~
* ##### 行与行之间的空间
>大多数浏览器的默认行高约为110%至120%。
~~~
p.small {line-height:70%;}------p段落small ID行间距为父元素的70%
p.big {line-height:200%;}------p段落big ID行间距为父元素的200%
~~~
* ##### 单词与单词之间的空白
~~~
p{
word-spacing:30px;------表示p段落单词之间相隔30px
}
~~~
