CSS3美化网页：突出文本与布局实践

第五章 "HTML5+CSS3网页设计" 主要探讨了如何使用CSS技术来美化网页元素，提升网页设计的视觉效果。本章内容深入到CSS3的新特性，包括但不限于： 1. **文本突出显示**：通过`<span>`标签，可以实现对文本中特定字词的样式设置，如粗体、红色和大字号，以强调关键信息。 2. **设置文本行高**：在CSS中，`line-height`属性用于控制文本行之间的垂直间距，提高阅读体验。 3. **透明背景**：CSS中设置背景颜色为透明的值通常使用`transparent`关键字，如`background-color: transparent;`。 4. **文本加粗**：使用`font-weight`属性设置文本粗细，`bold`或`700`通常表示加粗，`normal`则表示常规。 5. **去除列表项前标记符号**：CSS的`list-style`属性可以设置列表项目标记，将其设置为`none`可以取消列表项的默认标记。 6. **CSS基本语法结构**：CSS由选择器和声明组成，例如`:hover`伪类选择器配合`color: red;`来实现鼠标悬停时的样式变化。 7. **选择器类型**：基本选择器有`元素选择器`（如`p`）、`ID选择器`（如`#dream`）、`类选择器`（如`.bird`）等。高级选择器如`伪类选择器`（如`:active`）、`后代选择器` (`div p`) 和 `通用兄弟选择器` (`* { color: blue; }`）具有更精确的选择功能。 8. **作业点评与目标**：本章目标包括掌握CSS设置字体样式（如`font-family`, `font-size`, `font-style`），文本样式（如颜色、粗细），链接样式，列表样式，背景样式，以及渐变效果。使用CSS美化页面可增强吸引力，突出主题，提升用户体验。 9. **`<span>`标签的作用**：`<span>`是块级元素，常用于包裹需要特殊样式的文本片段，帮助区分或突出显示部分文字。 10. **示例演示**：提供了具体的代码示例，如设置字体类型（如`Verdana`、`楷体`），字体大小（像素、相对单位），以及斜体风格的使用，以实践学习。 通过本章的学习，学生将能够熟练运用CSS进行网页元素的美化，提升网页设计的质量和易用性，更好地传达信息，吸引用户，实现网页设计的高效和美观。