两分钟掌握文本设置

文本设置

文本具有以下属性：text-decoration;text-indent;tixt-align;line-height;

1.text-decoration
decoration:修饰
作用：用来设置文本的修饰线，有如下几种：
underline
overline
line-through
none

经典用法：
对超链接的样式化，大部分网页的a标签，默认去掉下划线，在hover的时候添加下划线
在很多的电商网站，通常有两种价格，对于市场价，使用line-through来修饰，

2.text-indent
Indent是缩进
作用：用来缩进文本的。

text-indent:2em;：表示缩进两个文字大小

注意：
在实现段落缩进的时候，我们用到的em这个单位，em表示字体的高度，对于中文而言，文字是正方形的，所以宽度和高度是相等的。

3.text-align
align：对齐
作用：设置文本对齐的水平方式，通常有如下几种对齐方式：
left，是默认值
center
right
Justify，表示两端对齐，但是只对英文有效。

和word段落的对齐方式进行对比就可以了

注意点：
justify只对英文起作用，中文无效
justify是两端对齐，不是分散对齐，一定要和word进行对比来理解。

4.line-height
作用：设置行高的。

line-height:1.5;:表示行高为字高的1.5倍
line-height:20px;:表示行高为20px

常情况下，我们可以使用line-height来实现垂直居中。(当行高等于盒子高度时，则该行在盒子中垂直居中)