什么是CSS中的规则以及用于什么的“at”

时间:2013-03-09 01:46:10

标签: css

在CSS中,有些规则可以执行不同的操作,但是在使用它们时,我看到了几个关键字中使用的 @ 符号,如:

@import   
@media   
@keyframes  

和其他人,但我正在寻找知道 @ 实际意味着什么以及如何使用或更好,它如何从CSS的其他部分中获益,改变或区别。

我已经阅读了W3 section about at-rules,但它没有清楚地解释(我实际上已经阅读过了,而且我更加困惑了) @ 的意思是什么,它专门用于。

1 个答案:

答案 0 :(得分:5)

@charset at-rule可用于指定外部样式表的字符编码。它必须出现在文件中的任何其他内容之前。

@import at-rule允许我们将一个样式表导入另一个样式表。所有@import at-rules必须出现在任何规则之前。

@media at-rule允许我们将规则定位到我们指定的媒体类型。

@page at-rule可用于指定分页媒体的边距。当您打印双面页面以及第一页时,可以为左页和右页设置不同的页边距。

@font-face at-rule允许我们指定自定义字体。

CSS3中的

@namespace at-rule允许我们声明一个XML命名空间,以及一个可以指定该命名空间的可选前缀。

如果我是你,我会查看以下链接。

首先http://reference.sitepoint.com/css/atrulesref

以及以下内容:

https://developer.mozilla.org/en-US/docs/CSS/At-rule
http://css-tricks.com/at-rule-css/