4.3 文本大小写 4.4 font-variant属性4.5 首行缩进 4.6 文本水平对齐 4.7 行高

4.3 文本大小写text-transform

一、text-transform属性

在CSS中，使用text-transform属性来转换文本的大小写，这个是针对英文而言，因为中文不存在大小写之分。

语法：
text-transform:属性值;

属性值 说明
none 默认值，无转换发生
uppercase 转换成大写
lowercase 转换成小写
capitalize 将每个英文单词的首字母转换成大写，其余无转换发生去

二、text-transform和font-variant区别

font-variant唯一的作用就是把英文文本转换成“小型”大写字母文本

4.4 font-variant属性

一、font-variant属性简介

使用font-variant属性只有一个作用：把文本设置成小型大写字母，这也是针对英文而言，因为中文不存在大小写之分。

语法：
font-variant：normal/small-caps;

font-variant属性值 说明
normal 默认值，正常效果
small-caps 小型大写字母的字体

4.5 首行缩进text-indent

一、text-indent属性简介

在CSS中，使用text-indent属性定义段落的首行缩进。我们都知道段落p标签的首行是不会缩进的，我们在学习HTML入门教程时，都是使用4个“& nbsp;”来缩进首行文本，让段落排版规范一些。但是这样的话，冗余代码就会很多。
现在，我们可以使用CSS的text-indent属性来控制文本首行的缩进。

语法：
text-indent:像素值;

因为首行缩进的是两个字的间距，如果要实现这个效果，text-indent的属性值应该是字体font-size属性值的两倍。也可以用2em

4.6 文本水平对齐text-align

一、text-align属性

在CSS中，使用text-align属性控制文本的水平方向的对齐方式：左对齐、居中对齐、右对齐。

语法：
text-align:属性值;

text-align属性值 说明
left 默认值，左对齐
center 居中对齐
right 右对齐

text-align属性只能针对文本文字和img标签，对其他标签无效。记住那，text-align属性不仅对文本文字有效，对img标签也有效！

4.7 行高line-height

一、line-height属性

在CSS中，使用line-height属性来控制文本的行高。很多书本上称line-height为行间距，这是不严谨的叫法。行高，顾名思义就是“一行的高度”，而行间距指的是“两行文本之间的距离”。

line-height指的是行高，而不是行间距。

语法：
line-height:像素值;

说明：
在CSS入门教程中，我们都是采用像素做单位。