51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

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

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

赞(5)
未经允许不得转载:工具盒子 » CSS中字体和文本关键属性值