CSS（Cascading Style Sheets，层叠样式表）是一种用来表现HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的计算机语言。CSS 描述了一个文档的结构和表现形式应该怎样被渲染在屏幕、纸质、语音或其他媒体上。简单来说，CSS 负责网页的美观设计。
基本语法
CSS 规则由选择器和一对花括号内的声明组成。每个声明包含一个属性和一个值，用冒号分隔。多个声明之间用分号分隔。
selector {
property: value;
property: value;
/* 更多声明 */
}
选择器
CSS 使用各种选择器来选择需要样式化的HTML元素。
- 类型选择器（也称为标签选择器）：
h1 { color: blue; } - 类选择器：
.classname { color: red; } - ID选择器：
#idname { color: green; } - 属性选择器：
[attribute="value"] { color: purple; } - 伪类选择器：
a:hover { color: pink; } - 伪元素选择器：
::before { content: "Prefix "; } - 组合选择器：
h1, h2, h3 { font-family: Arial; }
属性
CSS 有许多属性，用于控制元素的各种显示特性，例如：
color: 设置文本颜色。font-size: 设置文本大小。background-color: 设置背景颜色。margin: 设置元素的外边距。padding: 设置元素的内边距。border: 设置元素的边框。display: 设置元素的显示类型（如块级、行内、Flexbox、Grid等）。flex: 用于Flexbox布局的属性。grid: 用于Grid布局的属性。float: 设置元素的浮动。position: 设置元素的定位方式（如静态、相对、绝对、固定）。width和height: 设置元素的宽度和高度。text-align: 设置文本对齐方式。
值和单位
CSS 中使用的值有多种类型，包括：
- 字符串：如字体名称或URL。
- 数值：可以是整数或小数。
- 长度单位：如像素（px）、百分比（%）、ems（em）、rems（rem）等。
- 颜色：如十六进制颜色（#ff0000）、RGB颜色（rgb(255, 0, 0)）、HSL颜色（hsl(0, 100%, 50%)）等。
- URL：用于背景图片或其他资源的链接。
- 其他：如角度（deg）、时间（s、ms）等。
嵌入 CSS
CSS 可以通过以下方式嵌入到 HTML 文档中：
- 内联样式：直接在 HTML 元素上使用
style属性。 - 内部样式表：在 HTML 文档的
<head>部分使用<style>标签。 - 外部样式表：通过
<link>标签链接外部 CSS 文件。
CSS 规则优先级
CSS 的规则按照特定的优先级进行层叠。一般来说，优先级顺序如下：
- 内联样式（最高优先级）
- ID选择器
- 类选择器、属性选择器、伪类选择器
- 类型选择器、伪元素选择器
- 通配符选择器（最低优先级） 此外，特定性（Specificity）和源代码顺序也会影响CSS规则的优先级。 CSS 是一个强大的工具，可以创建响应式设计、动画、过渡等效果。随着 CSS3 的推出，更多的特性和功能被添加进来，使得网页设计更加多样化和动态。
