1.text-indent(针对于行内块元素以及块元素)
- 定义:text-indent 属性能定义一个 块元素或者行内块元素 首行文本内容之前的缩进量
- 语法:text-indent : 像素值
- 应用:首行缩进
- 技巧:将该属性像素值设置为font-size的两倍,就能完成首行缩进
- 是否具有继承性:有
2.text-align(重点理解)
- 定义:CSS属性设置 块元素或表格单元框内的行内元素内容的水平对齐方式
- 语法:text-align : left(水平靠左对齐)/center(水平居中对齐)/right(水平靠右对齐)
- 应用:一般只用在 图片、文本水平对齐
- 是否具有继承性:有
2.1 vertical-align(重点理解)
- 定义:CSS属性设置 行内块元素或表格单元框的垂直对齐方式
- 语法:vertical-align : top(顶线对齐)/middle(中线对齐)/base-line(基线对齐)/bottom(底线对齐)
- 应用:用于上下垂直居中
- 是否具有继承性:无
- 通俗易懂的理解:定义周围的行内元素或文本元素相对于该元素的垂直方式
3.text-decoration(针对文本)
- 定义:定义文本的修饰效果(下划线、中划线、顶划线)
- 语法:text-decoration : none(默认值)/underline(下划线)/line-through(中划线)/overline(顶划线)
- 应用:修饰价格
- 是否具有继承性:有
4.text-transform(针对英文文本)
- 定义:将英文文本进行大小写转换
- 语法 text-transform : none(默认值)/uppercase(大写)/lowercase(小写)/capitalize(只将开头字母变大写)
- 应用:改变字母大小写
- 是否具有继承性:有
5.line-height(针对文本)
- 定义:控制 文本 行高
- 语法:line-height:像素值
- 应用:使文本垂直居中
- 技巧:将 line-height值 和 height值 设为一置,就可以实现文本垂直居中
- 是否具有继承性:有