CSS语法详解：字体属性与权重控制

CSS语法手册深入解析了CSS语言的基础和核心部分，特别是字体属性，这些属性对于网页设计的可读性和视觉呈现至关重要。本章节主要介绍了六个关键的字体属性： 1. **font-family**: 这个属性允许设计师指定一系列字体供浏览器选择。当一个字体不可用时，浏览器会按照设定的顺序尝试下一个。语法是`{font-family: 字体1, 字体2, ..., 字体n}`，例如`font-family: Arial, sans-serif;`，若用户设备上没有Arial，浏览器将使用默认的sans-serif字体。 2. **font-style**: 用于控制文本的样式，包括`normal`（常规），`italic`（斜体），以及`oblique`（带有一定的倾斜效果）。例如，`font-style: italic;`会让文本显示为斜体。 3. **font-variant**: 可以调整文字的大小写形式，`normal`表示保持原样，而`small-caps`则会将小写字母转换为较大的大写形式。如`font-variant: small-caps;`会显示小型大写字母。 4. **font-weight**: 控制字体的粗细程度，有三种类型：`normal`（常规），`bold`（粗体），`bolder`, `lighter`（加粗或变细）以及一系列的灰度等级，如`font-weight: bold;`将文本设置为粗体。 5. **font-size**: 提供了多种字体大小的控制方式，包括绝对尺寸（如`xx-small`至`xx-large`）、相对尺寸（`larger`和`smaller`）、长度单位（如`mm`, `cm`, `pt`, `px`, `pc`, `ex`, 和 `em`）以及百分比。例如，`font-size: 16px;`或`font-size: 1.2em;`分别指定了固定像素和相对于父元素字体大小的120%。 6. **font**: 是一个简写属性，允许一次性设置多个字体属性，如`font: font-style italic, small-caps 600 1.5em Arial, sans-serif;`。它包含了`font-style`, `font-variant`, `font-weight`, `font-size`, `line-height`, 和 `font-family`等多个属性。 掌握这些基础的字体属性，可以帮助设计师实现更具吸引力和易读性的文本样式，提升网页设计的质量和用户体验。理解并熟练运用它们，是每个前端开发者必备的CSS技能。