文本样式

文本缩进

属性名：text-indent

十余年的孝感网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整孝感建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“孝感网站设计”,“孝感网站推广”以来，每个客户项目都认真落实执行。

取值：

1、数字+px

2、数字+em(推荐：1em=当前标签font-size的大小)(推荐使用)

文本水平对齐方式

属性名：text-align

取值：

属性值	效果
left	左对齐
center	居中对齐
right	右对齐

注意点：如果需要让文本水平居中，text-align属性给文本所在标签(文本的父元素)设置。例如：

   
   //div标签相当于是文本的父元素，所以text-align设置在父元素中。
       我是一行文本    //这里的文本相当于是div标签的子元素
   

文本修饰

属性名：text-decoration

取值：

属性值	效果
underline	下划线(常用)
line-through	删除线(不常用)
overline	上划线(几乎不用)
none	无装饰线(常用)

注意点：在开发中会使用text-decoration：none；清除a标签默认下的下划线。例如：

     
我是一个标签
     我是一个链接标签    //在刷新时会默认带有下划线

水平居中的方法

1、text-align属性

可以使文本，span，a，input，img标签水平居中。例如：

2、margin：0 auto

如果需要div、p、h(大盒子)水平居中，我们可以通过margin：0 auto；来实现

注意点：

如果需要让div、p、h(大盒子)水平居中，直接给当前元素本身设置即可。

margin：0 auto一般针对于固定宽度的盒子，如果大盒子没有设置宽度，此时会默认占满父元素的宽度。

行高

行高计算方法：行高-当前文本的高度，剩余的距离进行等分。

作用：控制行间距(给一行上下增加间距)

属性名：line-height

取值：1、数字+px

​ 2、倍数(当前标签font-size的倍数)

应用：1、让单行文本垂直居中可以设置line-height：文字父元素高度

​ 2、网页精准布局时，会设置line-height：可以取消上下间距

行高font连写的注意点：

1、如果同时设置了行高和font连写，注意覆盖问题

2、font：style、weight、size/line-height family(较为标准的写法)

Chrome调试工具

本文题目：CSS文本样式
网页路径：http://ybzwz.com/article/dsojehs.html