CSS综合字体属性详解：清华大学教程

在"font设置综合字体属性-网页设计（清华大学版）"一章中，主要讲解了如何在网页设计中使用CSS（层叠样式表）来精细调整文本的呈现。CSS允许设计师通过font属性同时设置文字的多个属性，如字体族（font-family）、字号（font-size）、字体风格（font-style）、粗细（font-weight）、变体（font-variant）以及行高（line-height）。以下是一些关键知识点： 1. **基本语法**: CSS的font属性采用基本语法：`font: font-style font-weight font-variant font-size/line-height font-family`。各个属性之间通过空格分隔，其中前三个属性顺序可变或省略，字体系列通常先指定大小，然后是系列名称，若有多项，用逗号分隔。行高可选，需在字体大小之后，用斜杠分隔。 2. **样式表构造**: - **选择符与声明**：每个样式规则由选择符（决定哪些元素被影响）和声明（包含一个或多个属性值对）组成，基本格式为`selector{属性:属性值;...}`。属性值对之间用分号分隔。 - **注释**：使用`/* ... */`包围的文本作为注释，有助于理解规则的作用和范围，但注释不能嵌套。 - **继承**：CSS中的继承特性指的是子元素会自动继承父元素的一些样式属性，如颜色、字体等，这使得样式管理更加高效。 3. **CSS的作用**: CSS在网页设计中的核心作用是将样式与内容分离，提高代码的可维护性和复用性。通过创建单独的CSS文件，设计师可以统一管理页面的样式，只需更改CSS文件，所有引用该文件的HTML页面都能同步更新样式，减少了重复劳动。 4. **实际应用**: - 设置文本颜色和背景图片 - 控制滚动条样式 - 使用多个HTML页面共享一个CSS文件 - DIV+CSS布局技术，实现灵活的网页布局设计 理解CSS的基本构造和概念对于网页开发者来说至关重要，因为它能帮助他们创建出美观、一致且易于维护的网页设计。通过细致地设置字体属性，网页的可读性和整体视觉效果得以提升。