web前端5--css字体样式

1、字体大小

在CSS中，你可以使用`font-size`属性来设置元素的字体大小。

取值：
1、px 固定像素值
2、em 相对父元素的字体大小 (父元素字体大小16px 3em为3*16)
3、rem  相对于根元素(`html`)的字体大小。  
4、百分比  相对父元素的字体大小

2、字体系列

在CSS中，`font-family`属性用于设置元素的字体系列。

字体系列指的是一组字体的排列顺序，
如果浏览器无法加载第一个字体，则会尝试加载下一个，依此类推。通过指定字体系列，
可以提供备用字体，以确保在不同用户设备上都能良好显示。

3、字体粗细

在CSS中，使用`font-weight`属性来设置文本的字体粗细。

（该属性接受一些预定义的关键字值，也可以使用数值来表示字体的相对粗细程度）

关键字值

| 取值      | 描述                     |
| `normal`  | 默认字体粗细。           |
| `bold`    | 加粗字体。               |
| `bolder`  | 相对于父元素更粗的字体。 |
| `lighter` | 相对于父元素更细的字体。 |

数值  范围100到900 值越大越粗 400普通 700粗
font-weight: 800;

4、字体样式

`font-style`是一个CSS属性，用于设置文本的字体样式，主要用于指定文本是正常(`normal`)、斜体(`italic`)还是倾斜(`oblique`)。

- font-style: oblique;

5、行高

（行高是指一行文本的高度，通常用于控制文本行与文本行之间的垂直间距。）
在CSS中，你可以使用`line-height`属性来设置行高。

注意：行高=高度  则文字垂直居中

- line-height: 50px;

6、font属性

`font`是一个CSS的缩写属性，用于同时设置字体相关的多个属性，包括：
`font-style`、`font-weight`、`font-size`、`line-height`和`font-family`。
至少需要设置`font-size`和`font-family`。

一起写
- font: font-style font-weight font-size/line-height font-family;