在 CSS 中有 at-rules 可以做不同的事情,但是我已经看到在几个关键字中使用了@符号,例如:
@import
@media
@keyframes
和其他人,但我正在寻找知道@的实际含义以及它是如何使用或更好的,它如何受益、改变或区别于 CSS 的其余部分。
我已经阅读了关于 at-rules 的 W3 部分,但它没有清楚地解释(我实际上读过,我最终更加困惑)@的含义和它的具体用途。
在 CSS 中有 at-rules 可以做不同的事情,但是我已经看到在几个关键字中使用了@符号,例如:
@import
@media
@keyframes
和其他人,但我正在寻找知道@的实际含义以及它是如何使用或更好的,它如何受益、改变或区别于 CSS 的其余部分。
我已经阅读了关于 at-rules 的 W3 部分,但它没有清楚地解释(我实际上读过,我最终更加困惑)@的含义和它的具体用途。
@charset
at-rule 可用于指定外部样式表的字符编码。它必须出现在文件中的任何其他内容之前。
@import
at-rule 允许我们将一个样式表导入另一个样式表。所有@import at-rules 必须出现在任何规则之前。
@media
at-rule 让我们将规则定位到我们指定的媒体类型。
@page
at-rule 可用于指定分页媒体的边距。当您打印双面页面时,您可以为左侧页面和右侧页面设置不同的边距,也可以为第一页设置不同的边距。
@font-face
at-rule 允许我们指定自定义字体。
@namespace
CSS3 中的 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/