CSS中“ @”符号的作用是什么？

CSS中“ @”符号的作用是什么？

@

自

@import

CSS1诞生以来，它就已经存在了，尽管可以说在最近的

@media

CSS2，CSS3和

@font-face

CSS3结构中它变得越来越普遍。该

@

语法本身，不过，正如我所说，是不是新的。

这些在CSS中都称为 at-rules。它们是浏览器的特殊说明，尽管它们在控制样式的应用方面起着重要作用，但它们与使用规则和属性对Web文档中（X）HTML / XML元素的样式没有直接关系。

一些代码示例：

@import url(style2.css);@media print {    body {        color: #000;        background: #fff;    }}@font-face {    font-family: 'DejaVu Sans';    src: local('DejaVu Sans Regular'), url(/fonts/DejaVuSans.ttf);}

• @font-face

  规则定义了并非总是在所有计算机上都可用的供设计中使用的自定义字体，因此浏览器从服务器下载字体，并以该自定义字体设置文本，就像用户计算机具有该字体一样。

• @media

  规则与媒体查询（以前仅是媒体类型）一起，根据显示页面所用的媒体来控制应用哪种样式，以及哪种样式不是基于该样式。在我的代码示例中，仅当打印文档时，才应设置所有文本黑色，白色（纸张）背景。您可以使用媒体查询来过滤出打印媒体，移动设备等，并为这些页面设置样式。

规则与选择器没有任何关系。由于其性质各异，因此在众多不同模块中以不同方式定义了不同的规则。更多示例包括：

• 条件规则
• 关键帧动画
• 分页媒体

（此列表并非详尽无遗）

您可以在MDN上找到另一个非详尽列表。