CSS文本样式

1: text-transform 可以用来设置文本的大小写

2: text-decoration [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰

3: letter-spacing可以指定字符间距

4: word-spacing可以设置单词之间的距离

5: text-align用于设置文本的对齐方式

6: text-indent 设置首行缩进

可选值：

常用长度单位： px，em ，rem

background-color: pink;

text-indent:2em ;

7: white-space: ; 设置网页如何处理空白

8: text-overflow 文本溢出包含元素时发生的事情 

设置单行文本的省略号固定写法 

设置一个固定的宽度 

width: 200px;

设置换不换行 

white-space:nowrap;

隐藏溢出的部分 

overflow: hidden;

设置溢出内容以省略号的形式出现 

text-overflow: ellipsis;

9: text-shadow:; 设置文本的阴影

4个参数：

(1)、阴影的水平位移距离 正值向右偏移，负值向左偏移 必选

（2）、阴影的垂直位移距离 正值向下偏移，负值向上偏移 必选

（3）、阴影的模糊半径 可选 默认0px

（4）、阴影的颜色 一般用rgba颜色 可选，默认是字体的颜色

text-shadow:10px 10px 10px rgba(255, 0, 0, .4);

div{

width: 200px;

height: 200px;

background-color: #bfa;

 box-shadow

4个参数：

(1)、阴影的水平位移距离 正值向右偏移，负值向左偏移 必选

（2）、阴影的垂直位移距离 正值向下偏移，负值向上偏移 必选

（3）、阴影的模糊半径 可选 默认0px

（4）、阴影的颜色 一般用rgba颜色 可选 默认是黑色

6: text-indent 设置首行缩进

7: white-space: ; 设置网页如何处理空白

8: text-overflow 文本溢出包含元素时发生的事情

9: text-shadow: h-shadow v-shadow blur color; 设置文本的阴影

10:box-shadow 盒阴影

11:vertical-align

作用：1、设置图文对齐方式

2、解决图片三像素的问题

可选值：

baseline 基线对齐 以英文x最底下为对齐标准

bottom 底部对齐

top 顶部对齐

middle 居中对齐

12:display 设置元素的相互转换