CSS的主要规则涵盖了如何定义和格式化样式表，以及如何应用样式到网页元素上。以下是一些主要的CSS规则：
@charset规则：用于定义样式表中使用的字符编码。它必须位于样式表的最开头，且前面不能有其他字符。例如：
@charset "UTF-8";@import规则：用于导入外部的CSS样式表文件。例如：
@import '1.css';或@import url("fineprint.css") print;@namespace规则：用于定义XML命名空间在CSS样式表中的使用。例如：
@namespace url(http://www.w3.org/1999/xhtml);选择器规则：指定了要应用样式的HTML元素。例如：
p { color: red; }中，p是选择器，color是属性，red是值。声明块规则：一组由花括号包围的属性和值，定义了元素的样式。例如：
p { color: red; text-align: center; }层叠和继承规则：CSS具有层叠性，允许多个样式规则应用于同一元素，且后出现的规则会覆盖先出现的规则。某些样式属性可以从父元素继承给子元素。
注释规则：CSS注释以
/*开始，以*/结束，用于解释代码，浏览器会忽略注释内容。例如：/* This is a comment */单位和函数规则：CSS支持多种单位，如像素(px)、百分比(%)、em等，还提供了许多内置函数来实现复杂的样式效果。
媒体查询规则：CSS媒体查询允许根据设备的特性来应用不同的样式规则，是实现响应式设计的关键。例如：
@media screen and (max-width: 600px) { body { background-color: lightblue; } }伪类和伪元素规则：伪类用于定义元素的特殊状态，如
:hover、:focus等，而伪元素用于创建元素的特定部分，如::before、::after等。
这些规则构成了CSS的基础，通过合理运用这些规则，可以有效地控制网页元素的样式和行为，实现丰富的视觉效果和复杂的布局设计。
