首页 > 代码库 > At-rule | CSS @ 规则

At-rule | CSS @ 规则

译自:MDN(Mozilla开发者网络)

At-rule

一、什么是at-rules

eg:@charset "utf-8";

at-rule 是CSS样式声明,以@开头,紧跟着是标识符(charset),最后以分号(;)结尾。

 

二、几个at-rules

1、@charset—定义被样式表使用的字符集

2、@import——告诉CSS引擎包含外部的CSS样式表

3、@namespace——告诉CSS引擎所有的内容都必须考虑使用XML命名空间前缀

4、嵌套at-rules

   (1)@media——条件组规则。如果设备符合标准定义的条件查询则使用该媒体

   (2)@font-face——描述了一个将从外部下载的字体

   (3)@keyframes——描述了中间步骤在CSS动画的序列

   (4)@page——描述了文件的布局变化,当要打印文档时。

   (5)@supports——条件组规则,如果浏览器满足给出的规则,则把它应用到内容中

   (6)@document——条件组规则,如果被用到文档的CSS样式表满足了给定的标准,那么将被应用到所有的内容中。