在CSS中,有些规则可以执行不同的操作,但是在使用它们时,我看到了几个关键字中使用的 @ 符号,如:
@import
@media
@keyframes
和其他人,但我正在寻找知道 @ 实际意味着什么以及如何使用或更好,它如何从CSS的其他部分中获益,改变或区别。
我已经阅读了W3 section about at-rules,但它没有清楚地解释(我实际上已经阅读过了,而且我更加困惑了) @ 的意思是什么,它专门用于。
答案 0 :(得分:5)
@charset
at-rule可用于指定外部样式表的字符编码。它必须出现在文件中的任何其他内容之前。
@import
at-rule允许我们将一个样式表导入另一个样式表。所有@import at-rules必须出现在任何规则之前。
@media
at-rule允许我们将规则定位到我们指定的媒体类型。
@page
at-rule可用于指定分页媒体的边距。当您打印双面页面以及第一页时,可以为左页和右页设置不同的页边距。
@font-face
at-rule允许我们指定自定义字体。
@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/