CSS（层叠样式表，Cascading Style Sheets）是一种用于描述HTML或XML（包括如SVG、MathML等）文档样式的样式表语言。CSS描述了如何将结构化文档（如HTML文档或XML应用程序）呈现为网页、打印机或其他类型的媒体。CSS分离了文档的内容（HTML结构）和文档的表现（样式）。CSS可以帮助网页开发者创建出既美观又实用的网页。
CSS的主要功能包括：
1. 选择器：CSS选择器用于选择要样式化的HTML元素。CSS选择器包括元素选择器、类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器等。
2. 属性：CSS属性用于定义元素的样式。CSS属性包括颜色、字体、背景、边框、布局、动画等。
3. 值：CSS值用于指定CSS属性的值。CSS值可以是预定义的关键字（如`red`、`bold`）、数值（如`12px`、`1em`）、颜色代码（如`FF0000`、`rgb`）等。
4. 层叠：CSS的层叠规则定义了当多个样式规则应用于同一元素时，哪个样式规则将被应用。CSS的层叠规则包括继承、优先级、特异性等。
5. 媒体查询：CSS媒体查询允许网页开发者根据不同的媒体类型（如屏幕、打印机、手持设备等）应用不同的样式规则。
6. 动画和过渡：CSS提供了动画和过渡功能，可以让网页元素在一段时间内平滑地改变样式。
7. 变量和函数：CSS提供了变量和函数，可以让开发者更方便地复用样式规则。
8. 模块化：CSS支持模块化，可以将样式规则组织成多个文件，并在需要时引入这些文件。
CSS的使用可以提高网页的开发效率和可维护性，同时也可以提高网页的兼容性和可访问性。CSS已经成为网页开发中不可或缺的一部分。
什么是CSS？
CSS，即层叠样式表（Cascading Style Sheets），是一种用于描述HTML或XML文档样式的样式表语言。它允许开发者将网页的结构（HTML）与表现（CSS）分离，从而实现更加灵活和美观的网页设计。CSS通过选择器指定样式规则，这些规则定义了网页元素的字体、颜色、布局、大小等视觉属性。
CSS的作用
CSS的主要作用是美化网页，提升用户体验。以下是CSS的一些关键作用：
控制文本样式：包括字体、大小、颜色、行高等。
控制元素布局：如边距、边框、定位等。
控制图片样式：如图片大小、边框、对齐方式等。
控制页面整体风格：如背景颜色、背景图片、导航栏样式等。
CSS的基本语法
CSS的基本语法由选择器和声明组成。选择器用于指定要应用样式的元素，声明则包含具体的样式属性和值。
以下是一个简单的CSS示例：
.example {
color: red;
font-size: 16px;
在这个例子中，选择器“.example”指定了所有具有该类的元素，声明部分则设置了文本颜色为红色和字体大小为16像素。
CSS的三大特性
CSS具有三大特性，分别是层叠性、继承性和优先级。
1. 层叠性
当多个CSS规则作用于同一个元素时，会根据层叠原则进行合并。层叠原则包括就近原则、重要性原则和来源原则。
2. 继承性
子元素可以继承父元素的某些样式属性。例如，子元素的字体大小可以继承父元素的字体大小。
3. 优先级
CSS的优先级决定了当多个规则作用于同一个元素时，哪个规则会被应用。优先级从高到低依次为：行内样式、内部样式表、外部样式表、浏览器默认样式。
CSS的使用方式
CSS有三种主要的使用方式：内联样式、内部样式表和外部样式表。
1. 内联样式
示例：
