font-weight 字体粗细

属性说明对应值
norml正常(默认值)100
lighter较细400
bold较粗700
bolder很粗900

font-style 字体风格

属性说明
normal正常(默认值)
italic斜体
oblique斜体

在这里,有些字体有斜体italic属性,但有些字体却没有italic属性,oblique是让没有italic属性的字体也能够有斜体效果 。

常见的文本属性

属性说明
text-indent首行缩进
text-align水平对齐
text-decoration文本修饰
text-transform大小写转换
line-height行高
letter-spacing字母间距
word-spacing词间距

字体样式针对的是“文字本身”的型体效果,而文本样式针对的是“整个段落”的排版效果。字体样式注重个体,文本样式注重整体。

首行缩进:text-indent:通常可以使用6&nbsp 来设置首行缩进,但是为了不冗余代码,我们建议使用text-indent来设置首行缩进,text-indent值应该是font-size值的2倍。

水平对齐:text-align:不仅对文本有效也对图片有效,有三个值:left(左对齐),center(居中对齐),right(右对齐)

文本修饰:text-decoration

属性说明
none去除所有的划线效果(默认值)
underline下划线
line-through中划线
overline顶划线

具体对应效果:

大小写:text-transform:针对英文而言

属性说明
none无转换(默认值)
uppercase转换为大写
lowercase转换为小写
capitalize只将每个英文单词的首字母转换为大写
End
最后修改:2021 年 09 月 26 日
如果觉得我的文章不错,请随手点赞~