HTML复习(14.文本样式)
重点
掌握常见文本样式属性
文本样式简介
字体样式针对的是“文字本身”的型体效果,而文本样式针对的是“整个段落”的排版效果。
字体样式注重个体,文本样式注重整体。
在CSS中,特意使用了“font”和“text”两个前缀来区分这2类样式。
首行缩进
CSS中,我们可以使用text-indent属性来定义p元素的首行缩进。
字体样式注重个体,文本样式注重整体。
实用技巧:
想要实现段落首行缩进2个汉字的距离
text-indent值应该是font-size值的2倍
水平对齐
CSS中,我们可以使用text-align属性来控制文本在水平方向上的对齐方式
水平修饰
CSS中,我们可以使用text-decoration属性来定义文本的修饰效果。
注释:
大小写
CSS中,我们可以使用text-transform属性来将文本进行大小写转换。
text-transform属性是针对英文而言。
行高
CSS中,我们可以使用line-height属性来控制一行文本的高度。
line-height,准确来说应该叫“行高”,而不是“行间距”
间距
CSS中,我们可以使用letter-spacing属性来两个字之间的距离(字间距)
使用word-spacing属性来定义两个单词之间的距离(词间距)
letter-spacing和word-spacing只会用于英文网页,在实际开发用得不多