css的主要规则

CSS的主要规则涵盖了如何定义和格式化样式表，以及如何应用样式到网页元素上。以下是一些主要的CSS规则：

1. @charset规则：用于定义样式表中使用的字符编码。它必须位于样式表的最开头，且前面不能有其他字符。例如：@charset "UTF-8";

2. @import规则：用于导入外部的CSS样式表文件。例如：@import '1.css'; 或 @import url("fineprint.css") print;

3. @namespace规则：用于定义XML命名空间在CSS样式表中的使用。例如：@namespace url(http://www.w3.org/1999/xhtml);

4. 选择器规则：指定了要应用样式的HTML元素。例如：p { color: red; } 中，p 是选择器，color 是属性，red 是值。

5. 声明块规则：一组由花括号包围的属性和值，定义了元素的样式。例如：p { color: red; text-align: center; }

6. 层叠和继承规则：CSS具有层叠性，允许多个样式规则应用于同一元素，且后出现的规则会覆盖先出现的规则。某些样式属性可以从父元素继承给子元素。

7. 注释规则：CSS注释以 /* 开始，以 */ 结束，用于解释代码，浏览器会忽略注释内容。例如：/* This is a comment */

8. 单位和函数规则：CSS支持多种单位，如像素(px)、百分比(%)、em等，还提供了许多内置函数来实现复杂的样式效果。

9. 媒体查询规则：CSS媒体查询允许根据设备的特性来应用不同的样式规则，是实现响应式设计的关键。例如：@media screen and (max-width: 600px) { body { background-color: lightblue; } }

10. 伪类和伪元素规则：伪类用于定义元素的特殊状态，如:hover、:focus等，而伪元素用于创建元素的特定部分，如::before、::after等。

这些规则构成了CSS的基础，通过合理运用这些规则，可以有效地控制网页元素的样式和行为，实现丰富的视觉效果和复杂的布局设计。