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 | 只将每个英文单词的首字母转换为大写 |