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 | 顶划线 |
具体对应效果:
大小写:text-transform:针对英文而言
属性 | 说明 |
none | 无转换(默认值) |
uppercase | 转换为大写 |
lowercase | 转换为小写 |
capitalize | 只将每个英文单词的首字母转换为大写 |