CSS@规则（详细）

在 CSS 中包含两种语法规则：

• 普通规则：由选择器、属性和值构成，在之前的学习中我们主要使用的就是这种规则；
• @规则：以@开头后面跟随一个关键字的形式构成，也被称为“AT规则”，根据使用方法的不同又可以分为“常规规则”与“嵌套规则”两种。

本节我们主要来介绍一下 CSS 中的 @ 规则。

1、常规规则

所谓“常规规则”指的是语法类似下面的规则：

@[KEYWORD] (RULE);

1) @charset

@charset 用来设置 CSS 文件使用的字符编码，语法格式如下：

@charset "";

其中 为具体的字符编码，默认值为“utf-8”。

在使用时需要注意以下几点：

• 如果设置 @charset 的话，那么它必须出现在 CSS 文件的最前面，@charset 之前不能出现任何字符；
• 字符编码需要使用双引号 "" 包裹起来；
• @规则名称（@charset）与具体的字符编码之间需要使用一个空格分隔；
• 规则后面的分号不能省略；
• 如果设置多个 @charset，那么只有第一个声明有效；
• 不能在 HTML 元素或者