ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS中的文本样式

2022-07-17 15:14:43  阅读:238  来源: 互联网

标签:em indent 样式 text 对齐 文本 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标签下划线

 

展示如图:

 

标签:em,indent,样式,text,对齐,文本,CSS,属性
来源: https://www.cnblogs.com/camboy/p/16486833.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有