文本设置
文本具有以下属性: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来实现垂直居中。(当行高等于盒子高度时,则该行在盒子中垂直居中)