语法：
selector {
property: value;
}
组成部分：
选择器 (selector)：指定要设置样式的 HTML 元素。
属性 (property)：要设置的 CSS 属性。
值 (value)：属性的合法值。
示例：
h1 {
color: red;
font-size: 2em;
}
应用样式：
有两种主要方法可以将 CSS 样式应用到 HTML 元素：
内联样式：使用 style 属性直接应用到 HTML 元素中。
外部样式表：创建一个单独的 .css 文件，其中包含所有样式，并使用
元素将其链接到 HTML 页面。
常见的 CSS 属性：
color: 设置文本颜色。
font-size: 设置文本大小。
font-family: 设置文本字体。
background-color: 设置元素的背景颜色。
width: 设置元素的宽度。
height: 设置元素的高度。
margin: 设置元素周围的边距。
padding: 设置元素内容周围的内边距。
选择器类型：
类型选择器：用于选择特定类型的 HTML 元素（例如 h1、p）。
类选择器：用于选择具有特定类名的元素（例如 .important）。
ID 选择器：用于选择具有特定 ID 的元素（例如 #header）。
后代选择器：用于选择一个元素的后代元素（例如 div p）。
通用选择器：用于选择所有元素（例如 ）。
优先级：
当多个样式应用于同一个元素时，优先级将决定哪个样式生效。
优先级规则如下：
内联样式 > 外部样式表
更具体的样式 > 更通用的样式
较新的样式 > 较旧的样式
其他技巧：
使用 !important 来覆盖所有其他样式规则。
使用 inherit 来继承父元素的样式。
使用 calc() 函数进行动态计算。
使用 CSS 预处理语言（如 Sass、Less）以简化和加快 CSS 开发。