📜  CSS-@规则

📅  最后修改于: 2020-10-26 04:51:29             🧑  作者: Mango


本章将涵盖以下重要的@规则-

  • @import:规则将另一个样式表导入当前样式表。

  • @charset规则指示样式表使用的字符集。

  • @ font-face规则用于详尽描述文档中使用的字体。

  • !important规则表示用户定义的规则应优先于作者的样式表。

注意:还有其他@规则,我们将在后续章节中介绍。

@import规则

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

可以用以下两种方式之一写-


@import规则的重要性在于,它允许您使用模块化方法来开发样式表。您可以创建各种样式表,然后在需要的地方包括它们。

@charset规则

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

@charset规则必须直接写在样式表的开头,前面不能有空格。该值用引号引起来,并且应该是标准字符集之一。例如-


@ font-face规则

@ font-face规则用于详尽描述文档中使用的字体。 @ font-face也可用于定义要下载的字体的位置,尽管这可能会遇到实现特定的限制。

通常,@ font-face非常复杂,除字体度量标准专家外,不建议使用@ font-face。

这是一个例子-


重要规则

级联样式表级联。这意味着样式以与浏览器读取样式相同的顺序应用。应用第一种样式,然后应用第二种,依此类推。

!important规则提供了一种使CSS级联的方法。它还包括将始终应用的规则。具有!important属性的规则将始终应用,无论该规则在CSS文档中的位置如何。

例如,在下面的样式表中,即使应用的第一个样式属性是红色,段落文本也将是黑色的:


因此,如果您想确保始终应用属性,则可以将!important属性添加到标记中。因此,要使段落文本始终为红色,应按以下方式编写:


   

   
      

Tutorialspoint.com

在这里,您已将p {color:#ff0000!important; }强制,现在即使您定义了另一个规则p {color:#000000; }

它将产生以下结果-