CSS（Cascading Style Sheets）是一种用于描述网页样式和布局的标记语言。它与HTML（Hypertext Markup Language）一起被用于构建网页。CSS可以用来控制网页的字体、颜色、大小、间距、背景等外观特性，使网页看起来更加美观和专业。
CSS的主要作用是将HTML文档与其样式分离。在HTML中，我们使用标签来定义文档的结构和内容，而CSS则用于控制文档的外观。通过将样式定义在CSS文件中，我们可以在多个HTML文件中共享同一套样式，提高网站的可维护性和一致性。
CSS的语法相对简单易懂。它由选择器和声明块组成。选择器用于选择要应用样式的HTML元素，而声明块则包含一条或多条样式声明。样式声明由属性和值组成，用冒号分隔。多个样式声明之间用分号分隔。
例如，下面是一个简单的CSS代码片段：
h1 {
color: blue;
font-size: 24px;
text-align: center;
}
这段代码中，h1是选择器，表示要应用样式的HTML元素是<h1>标签。color和font-size是属性，blue和24px是对应的值。这段代码的作用是将<h1>标签的颜色设置为蓝色，字体大小为24像素，并且居中对齐。
CSS的样式可以通过三种方式应用到HTML文档中：内联样式、嵌入样式和外部样式表。
内联样式：通过在HTML标签中使用style属性来直接定义样式。例如：
<h1 style="color: blue; font-size: 24px; text-align: center;">Hello, World!</h1>
嵌入样式：通过使用<style>标签将CSS代码嵌入到HTML文档的<head>部分。例如：
<head>
<style>
h1 {
color: blue;
font-size: 24px;
text-align: center;
}
</style>
</head>
<body>
<h1>Hello, World!</h1>
</body>
外部样式表：将CSS代码保存在一个独立的CSS文件中，并在HTML文档中通过<link>标签引用。例如：
<head>
link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello, World!</h1>
</body>
在外样式表中，我们可以定义多个样式规则，并将其应用到多个HTML文件中，实现样式的复用和统一。
CSS的一个重要特性是层叠性。当多个样式规则应用到同一个元素时，CSS会按照特定的规则确定最终的样式。这些规则包括选择器的特殊性、选择器的优先级、选择器的出现顺序等。通过合理地使用选择器和样式规则，我们可以实现精确的样式控制。
CSS还支持伪类和伪元素，用于选择元素的特定状态和位置。例如，:hover用于选择鼠标悬停在元素上时的状态，::before用于在元素之前插入内容。这些功能可以帮助我们实现更丰富的交互效果和页面布局。
总的来说，CSS是一种强大的样式语言，可以帮助我们控制网页的外观和布局。通过将样式与内容分离，我们可以提高网页的可维护性和一致性。CSS的语法简单易懂，但通过合理地运用选择器和样式规则，我们可以实现复杂的样式控制。同时，CSS还支持伪类和伪元素，提供了更多的样式选择和扩展能力。
