CSS中字体和文本关键属性值

CSS/设计
344
0
0
2022-12-02

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  来设置首行缩进,但是为了不冗余代码,我们建议使用text-indent来设置首行缩进,text-indent值应该是font-size值的2倍。

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

文本修饰:text-decoration

属性

说明

none

去除所有的划线效果(默认值)

underline

下划线

line-through

中划线

overline

顶划线

具体对应效果:

img

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

属性

说明

none

无转换(默认值)

uppercase

转换为大写

lowercase

转换为小写

capitalize

只将每个英文单词的首字母转换为大写