前言：
现时我们对“css3段落”大概比较注意，小伙伴们都想要分析一些“css3段落”的相关资讯。那么小编同时在网上网罗了一些有关“css3段落””的相关文章，希望咱们能喜欢，兄弟们一起来学习一下吧！上篇中我们介绍了文本的一些样式，这篇接着讲文本样式。
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）
一般每个段落的首行都要缩进，这是书写书信文件时的规定。
我们去掉了居中对齐的样式，是为了更好地演示首行缩进的效果。
看效果图红框的地方，明显有缩进。
好了，以上就是今天的内容了。
希望大家可以早日学会编程，踏上高薪之路，早日成为白富美、高富帅。动手练，听我的没错。
标签： #css3段落
