鲁达 上篇中我们介绍了文本的一些样式，这篇接着讲文本样式。
6.文本下划线
一般文本下划线都用在什么地方呢？我想到一个就是画重点考前划重点，有没有画面感，^v^。
用css来实现划重点，也是别具风格呀。
<!DOCTYPE html> <html> <head> <title>css颜色与度量单位</title> <style> span{ text-decoration:underline; } </style> </head> <body> <p> 在做等离子物理对撞实验的时候，如果把第三能量的极坐标，向负方向调整三个阿尔法单位，那么对最终的结果将会产生多少影响? <br> <span>2伽马一步徐龙根号3</span> </p> </body> </html>text-decoration可以给文本设置下划线，上划线，删除线，取消线。
上面代码实现效果如下：
这个效果看起来两行之间的距离有点拥挤，我们可以调整的它们的距离，稍微远一点，让它们看起不那么拥挤。
7.文本的行间距
用line-height来指定行间距，因为文本都包含在p标签中，所以我们给p标签加了行间距为50px
调整后的效果如下：
看起来下划线的文字还是不够显眼啊，我们再给它加点颜色上去，会更好。
这回好多了。够显眼，就绝对记得住。
text-decoration后面可以设置的值如下：
值 | 说明 |
none | 让本身有划线装饰的文本取消掉 |
underline | 让文本的底部出现一条下划线 |
overline | 让文本的头部出现一条上划线 |
line-through | 让文本的中部出现一条删除线 |
blink | 让文本进行闪烁，基本不支持了 |
text-decoration：none这个会让本身有划线装饰的文本取消掉的意思，例如a标签，天生就带下划线，那要不想要自带的下划线就可以利用这个样式给它去掉。
来尝试一下
<!DOCTYPE html> <html> <head> <title>css颜色与度量单位</title> <style> p{ line-height: 50px; } span{ text-decoration:underline; color: red; } </style> </head> <body> <p> 在做等离子物理对撞实验的时候，如果把第三能量的极坐标，向负方向调整三个阿尔法单位，那么对最终的结果将会产生多少影响? <br> <span>2伽马一步徐龙根号3</span> <br> <a href=";>百度</a> </p> </body> </html> 百度两个字下面天生就带了下换线，要去掉请使用text-decoration：none
其余几个大家可以自己动手尝试一下效果。
8.设置英文文本转换为大小写
这个标题很好理解，就是专门针对英文的，如果想把英文文本转换大小写可以使用
<!DOCTYPE html> <html> <head> <title>css颜色与度量单位</title> <style> p{ line-height: 50px; } span{ text-decoration:underline; color: red; } a{ text-decoration:none; } </style> </head> <body> <p> 在做等离子物理对撞实验的时候，如果把第三能量的极坐标，向负方向调整三个阿尔法单位，那么对最终的结果将会产生多少影响? <br> <span>2伽马一步徐龙根号3</span> <br> <a href=";>百度</a> <br> <span class="english"> no zuo no die you why cry <br> you zuo you die don't ask why </span> </p> </body> </html>页面效果如下：
这里的英文文本也是写在了span标签里面，受span标签样式的影响这里也变成了红色，也加了下划线。我们给它取消掉这些样式。并给它设置让英文单词首字母变成大写的样式。
下面给出text-transform的值和作用的表格，大家可以自行动手尝试效果。
值 | 说明 |
none | 将已被转换大小写的值恢复到默认状态 |
capitalize | 将英文单词首字母大写 |
uppercase | 将英文转换为大写字母 |
lowercase | 将英文转换为小写字母 |
9.文本添加阴影
text-shadow:5px 5px 5px red;
这里有四个值（3个5px和一个red）：第一个值代表水平偏移；第二个值代表垂直偏移；第三个值代表阴影模糊度（可选）；第四个值代表阴影颜色（可选）。
10.设置文本的对齐方式
我们可以设置文本的对齐方式，如果你用过word文档的话，那一定知道左对齐、右对齐、居中对齐。css里面同样有
我们来尝试一下居中对齐
值 | 说明 |
left | 靠左对齐，默认 |
right | 靠右对齐 |
center | 居中对齐 |
justify | 内容两端对齐 |
start | 让文本处于开始的边界 |
end | 让文本处于结束的边界 |
start和end属于css3新增的功能，IE和Opera浏览器可能不支持。
11.处理文本之间的距离（letter-spacing）
也就是两个字间的距离，通过例子来感受一下
很明显的可以看到字间距变大了。
12.设置英文单词之间的距离（word-spacing）
13.文本首行的缩进（text-indent）
一般每个段落的首行都要缩进，这是书写书信文件时的规定。
我们去掉了居中对齐的样式，是为了更好地演示首行缩进的效果。
看效果图红框的地方，明显有缩进。
好了，以上就是今天的内容了。
希望大家可以早日学会编程，踏上高薪之路，早日成为白富美、高富帅。动手练，听我的没错。