CSS 字体 font 属性
CSS 字体属性
CSS语法由 “选择器、属性和值”这三部分组成，字体就是CSS中最重要的属性之一。
CSS 字体属性允许您设置字体系列 (font-family) 和字体加粗 (font-weight)，您还可以设置字体的大小、字体风格（如斜体）和字体变形（如小型大写字母）。
CSS 字体大小
“font-size”属性用于设置字体大小，其取值可能如下：
| 取值 | 说明 |
|---|---|
| 数值 | 由浮点数字和单位标识符组成的长度值 | 百分数，不可为负值。其百分比取值是基于父对象中字体的尺寸 |
| xx-small | 绝对字体尺寸，根据对象字体进行调整，最小 |
| x-small | 绝对字体尺寸，根据对象字体进行调整，较小 |
| small | 绝对字体尺寸，根据对象字体进行调整，小 |
| medium | 默认值，绝对字体尺寸，根据对象字体进行调整，正常 |
| large | 绝对字体尺寸，根据对象字体进行调整，大 |
| x-large | 绝对字体尺寸，根据对象字体进行调整，较大 |
| xx-large | 绝对字体尺寸，根据对象字体进行调整，最大 |
| larger | 相对字体尺寸，相对于父对像中字体尺寸进行相对增大，使用成比例的 em 单位计算 |
| smaller | 相对字体尺寸，相对于父对像中字体尺寸进行相对减小，使用成比例的 em 单位计算 |
例子：
p { font-size: xx-large; }
p { font-size: 12px; }
p { font-size: 20%; }
CSS 字体名称
“font-family”属性用于设置字体名称，按优先顺序排列，以逗号隔开，如果字体名称包含空格，则应使用引号括起。
例子：
html{ font-family: Courier, "Courier New", sans-serif;}
CSS 字体风格
“font-style”属性用于设置字体风格，可能的值有：
| 取值 | 说明 |
|---|---|
| normal | 默认值，正常的字体 |
| italic | 斜体，对于没有斜体变量的特殊字体，将应用 oblique |
| oblique | 倾斜的字体 |
| inherit | 规定应该从父元素继承字体样式 |
CSS 字体粗细
“font-weight”属性用于设置字体粗细，可能的值有：
| 取值 | 说明 |
|---|---|
| normal | 默认值，正常的字体。相当于 400 。声明此值将取消之前任何设置 |
| bold | 粗体，相当于 700 ，也相当于 <b></b> 标签的作用 |
| bolder | 比 bold 粗 |
| lighter | 比 normal 细 |
| 100 | 字体至少像 200 那样细 |
| 200 | 字体至少像 100 那样粗，像 300 那样细 |
| 300 | 字体至少像 200 那样粗，像 400 那样细 |
| 400 | 相当于 normal |
| 500 | 字体至少像 400 那样粗，像 600 那样细 |
| 600 | 字体至少像 500 那样粗，像 700 那样细 |
| 700 | 相当于 bold |
| 800 | 字体至少像 700 那样粗，像 900 那样细 |
| 900 | 字体至少像 800 那样粗 |
| 900 | 规定应该从父元素继承字体的粗细 |
提示
字体粗细作用由用户端系统安装的字体的特定字体变量映射决定，系统选择最近的匹配。也就是说，用户可能看不到不同值之间的差异。如对于汉字，将字体设置为200和400，其粗细是一样，其实在我们的一般应用中，尤其对于汉字，我们通常只应用normal(400)和bold(700)两个选项。
补充：DIV+CSS教程
