CSS中的文本样式

CSS中的文本格式，我个人感觉就是word中段落格式是一样

1.文本缩进（text-indent）

2.文本对齐（text-align）

3.文本修饰（text-decoraton）

 

 

1.文本缩进（text-indent）

文本缩进就是一个段落首行缩进，这个在CSS中的属性名时text-indent。属性值是数字+单位（px）另一个是数值+单位（em）。

这里推荐使用单位未em，因为一个em的大小就是当前段落字体的大小，而px是像素单位，还需要自己进行测量。

属性名：text-indent

属性值：数值+em

 

2.文本对齐（text-align）

这个就是当前段落整体是左对齐还是右对齐，还是居中

属性名：text-align

属性值：左对齐（left）、右对齐（right）、居中（center）

 

内容居中：在网页中，不仅需要文字对齐，还有其他一些内容比如图片、超链接等等都需要对齐。我们都可以使用text-align进行设置，不过要在需要设置的标签的父标签中设置这个属性。

通常可以使用这个方法进行居中的标签有：文本（text）、span、a、img、input。

 

3.文本修饰（text-decoration）

文本修饰就是设置他的线，有上划线、下划线、删除线、没有线

属性名：text-decoration

属性值：overline、underline、overline、none

注意：在开发中通常会使用text-decoration:none来取消a标签下划线

 

展示如图：