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只会用于英文网页,在实际开发用得不多

posted @ 2020-10-13 20:49  背背背背起了行囊  阅读(258)  评论(0编辑  收藏  举报