本章将涵盖以下重要的@规则-
该 @import： 规则导入另一个样式表到当前的样式表。
该 @charset 规则表示的字符集的样式表使用。
在 @字体面 规则用于详尽描述字型的文档中使用。
该 ！重要 规则指示用户定义的规则应该优先于作者的样式表。
注意 ：还有其他@规则，我们将在后续章节中介绍。
@import规则允许您从另一个样式表中导入样式。它应该出现在任何规则之前的样式表的开头，并且它的值是一个URL。
可以用以下两种方式之一来写-
<style type = "text/css">
<!--
@import "mystyle.css";
or
@import url("mystyle.css");
.......other CSS rules .....
-->
</style>@import规则的重要性在于，它允许您使用模块化方法来开发样式表。您可以创建各种样式表，然后在需要的地方包括它们。
如果要使用ASCII或ISO-8859-1以外的字符集来编写文档，则可能需要在样式表的顶部设置@charset规则，以指示要写入样式表的字符集。
@charset规则必须直接写在样式表的开头，前面不能有空格。该值用引号引起来，并且应该是标准字符集之一。例如-
<style type = "text/css"> <!-- @charset "iso-8859-1" .......other CSS rules ..... --> </style>
@ font-face规则用于详尽描述文档中使用的字体。@ font-face也可用于定义要下载的字体的位置，尽管这可能会遇到实现特定的限制。
通常，@ font-face非常复杂，除字体度量专家外，不建议使用@ font-face。
这是一个例子-
<style type = "text/css">
<!--
@font-face {
font-family: "Scarborough Light";
src: url("http://www.font.site/s/scarbo-lt");
}
@font-face {
font-family: Santiago;
src: local ("Santiago"),
url("http://www.font.site/s/santiago.tt")
format("truetype");
unicode-range: U+??,U+100-220;
font-size: all;
font-family: sans-serif;
}
-->
</style>级联样式表级联。这意味着样式的应用顺序与浏览器读取的顺序相同。应用第一种样式，然后应用第二种，依此类推。
！important规则提供了一种使CSS级联的方法。它还包括将始终应用的规则。具有！important属性的规则将始终应用，无论该规则出现在CSS文档中的什么位置。
例如，在下面的样式表中，即使应用的第一个样式属性是红色，段落文本也将是黑色的：
<style type = "text/css">
<!--
p { color: #ff0000; }
p { color: #000000; }
-->
</style>因此，如果要确保始终应用属性，可以将！important属性添加到标记中。因此，要使段落文本始终为红色，应按以下方式编写。
<html>
<head>
<style type = "text/css">
p { color: #ff0000 !important; }
p { color: #000000; }
</style>
</head>
<body>
<p>Nhooo.com</p>
</body>
</html>在这里，您已将 p {color：＃ff0000！important; } ，现在，即使您定义了另一个规则 p {color：＃000000; }