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个   来设置首行缩进，但是为了不冗余代码，我们建议使用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 | 只将每个英文单词的首字母转换为大写 |
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021 年 07 月，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录