第二章 CSS样式表

第一节 CSS基础语法

概述

本节介绍CSS（层叠样式表）的基础语法知识，是学习Web程序设计中网页美化和布局的核心内容。掌握CSS的基础语法对理解网页样式的定义、控制元素的外观及排版具有重要意义。本节内容涵盖CSS的基本结构、选择器、属性与属性值、注释以及样式的应用方式，帮助考生系统掌握CSS基础，为后续复杂样式设计打下坚实基础。

学习目标：

• 理解CSS的作用与基本组成
• 掌握各种选择器的使用方法
• 熟悉常用CSS属性及其语法规范
• 理解样式的应用方式（内联、内部、外部）
• 识别并避免常见的语法错误

---

核心概念

1. CSS（Cascading Style Sheets）

CSS是一种用来控制网页内容样式和布局的语言，通过为HTML元素设置样式规则，实现网页的美化和结构调整。

2. 选择器（Selector）

选择器用于指定要应用样式的HTML元素。它们决定了哪些元素会被CSS规则影响。

3. 属性（Property）

属性是样式设置的具体项目，比如颜色、字体大小、边距等。

4. 属性值（Value）

属性值是赋给属性的具体参数，如颜色为red，字体大小为14px。

5. 声明块（Declaration Block）

由一对花括号包裹的若干属性及其值组成的集合。

6. 注释（Comment）

CSS中的注释用/* */包围，用于解释代码或暂时屏蔽代码，浏览器不会解析注释内容。

---

原理分析

CSS通过选择器定位HTML元素，再根据声明块中的属性与属性值来控制这些元素的外观。浏览器读取CSS规则后，解析并应用样式，使网页呈现出设计者期望的视觉效果。

CSS的层叠性（Cascading）意味着当多个样式规则作用于同一元素时，浏览器会根据权重、优先级、位置等规则决定最终生效的样式。

样式应用方式主要有三种：

• 内联样式：直接写在HTML元素的style属性中，优先级最高。
• 内部样式表：写在HTML文档的中的