CSS - @规则

CSS @ Rules - 适用于初学者和高级开发人员的CSS教程使用示例，通过简单易用的步骤学习级联样式表。 CSS2和CSS3属性的完整参考手册。

本章将介绍以下重要的@规则和减号;

注意 : 我们将在后续章节中介绍其他@规则.

@import规则

@import规则允许您从另一个导入样式样式表.它应该出现在任何规则之前的样式表的开头，并且它的值是一个URL.

它可以用以下两种方式之一写成 :

@import规则的重要性在于它允许您使用模块化方法开发样式表.您可以创建各种样式表，然后将它们包含在您需要的任何位置.

如果您使用字符编写文档除了ASCII或ISO-8859-1之外，您可能需要在样式表的顶部设置@charset规则，以指示样式表的写入字符集.

@charset规则必须直接写在样式表的开头，甚至没有空格.该值保存在引号中，应该是标准字符集之一.例如 :

@ font-face规则用于详尽描述字体在文档中使用. @ font-face也可以用来定义下载字体的位置，虽然这可能会遇到特定于实现的限制.

一般来说，@ font-face非常复杂，除了那些专业的字体指标外，不推荐使用它.

这是一个例子 :

层叠样式表级联.这意味着样式的应用顺序与浏览器读取的顺序相同.第一个样式应用，然后是第二个，依此类推.

！important规则提供了一种制作CSS级联的方法.它还包括始终应用的规则.无论CSS规范中出现何种规则，都将始终应用具有！important属性的规则.

例如，在以下样式表中，段落文本将为黑色，即使应用的第一个样式属性为红色:

因此，如果您想确保始终应用属性，则应将！important属性添加到标记中.因此，要使段落文本始终为红色，您应该将其写为以下 :

                  p { color: #ff0000 !important; }         p { color: #000000; }                  Tutorialspoint.com

在这里你做了 p {color:#ff0000！important; } 强制性，现在这条规则将始终适用，即使你已经定义了另一条规则 p {color:＃000000; }

它将产生以下结果 :