CSS入门-字体和文本样式

文本样式

文本缩进

属性名：text-indent

取值

• 数字+em （1 em = 当前标签的font-size大小）
• 数字+px

注意

• 首行缩进2个字 则为2em（不管什么字体

文本水平对齐方式

属性名：text-align

取值

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

水平居中方法总结

• text-align：center能让哪些元素居中？

1. 文本
2. span标签、a标签
3. input标签、img标签

注意

• 如果让以上元素居中 需要给父级加属性

文本修饰

属性：text- decoration

取值

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

注意

• 开发中会使用 text- decoration：none； 清除a标签默认的下划线（超链接里

行高

属性：line- height

取值

• 数字+px
• 倍数 （当前font-size的倍数）

定义：行高=上间距+文字高度+下间距

作用：控制一行的上下行间距

应用：

• 网页精准布局时 line-height=1 取消上下间距
• 让单行文本垂直居中可以设置