开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第8天，点击查看活动详情
上一次分享了如何用css修改文本的字体及其大小、颜色，本文继续分享如何用css为文本添加样式。
使用css不仅能修改字体的颜色、大小，还可以像html标签一样对文本内容设置文字加粗、倾斜等等
对文本加粗、倾斜
字体粗细： font-weight ，属性值可以有如下选择：
| 属性值 | 表示 | 其他写法 |
|---|---|---|
bolder | 更粗 | 900 |
bold | 加粗 | 700 |
normal | 常规 | 400（可以空着） |
ligter | 细体 | 100 |
vscode也自动提示到了bold属性值和bolder属性值
实践的时候会发现bolder和bold实现的效果是一样的，并没有加粗和更粗的区分（700和900也没有差异）。 并且class命名为p1时edge中css样式不生效，但是在码上掘进中好像还是可以使用的。
font-weight设置属性值为数字时不能加px单位，否则效果不显示。数字的设置只能是整百数（码上掘进中可以不是整百数），且数字为100,200,300的css样式相同，都是细体效果。数字为400,500的css样式相同，都是常规效果。数字为600,700，800,900,1000的css样式相同，都是加粗效果。
字体倾斜：font-style,属性值有三个选择：
| 属性值 | 表示 |
|---|---|
italic | 倾斜 |
oblique | 倾斜 |
normal | 常规(可以空着) |
设置文本对齐方式
水平对齐方式
属性：text-align
| 属性值 | left | right | center | justify |
|---|---|---|---|---|
| 含义 | 水平居左 | 水平居右 | 水平居中 | 两端对齐（只对多行文本生效） |
垂直居中
设置方法：将文本框的高度用 height 属性设置好，再对需要设置垂直居中的文本用 line-height设置文本的行高等于文本框的高度(此步骤结束实现文本垂直方向上居中)；再使 text-align 的属性值为 center（可以实现文本垂直和水平方向都居中）。
