@规则参考

 

定义

@规则是一个CSS语句,以'@'符号开头。

概述

@规则用来指定某种特别的规则,每种规则都有不同的语法。

列表

元素描述版本
@charset在外部样式表文件内使用。指定该样式表使用的字符编码。该规则后面的分号是必需的,如果省略了此分号,会生成错误信息。2
@font-face允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式,@font-face 可以消除对用户电脑字体的依赖。 @font-face 不仅可以放在在CSS的最顶层, 也可以放在 @规则 的 条件规则组 中。3
@import加载外部层叠样式表。@import 规则必须放在其他除了@charset规则以外的CSS规则的前面;@import 规则不可嵌套于条件规则组中。1
@keyframes动画可以根据帧定制不同的动画效果。3
@media@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果需要设置设计响应式的页面,@media 是非常有用的。 当重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。使用 @media 查询,可以针对不同的媒体类型定义不同的样式。2
@namespace用来规定使用在 CSS 样式表 中的 XML命名空间 。任何 @namespace 规则都必须在所有的 @charset 和 @import 规则之后, 并且在样式表中,位于其他任何 style declarations 之前。1
@page@page规则允许你指定页面盒子的许多方面。2
@supports@supports CSS at-rule 关联了一组嵌套的CSS语句,这些语句被放置在一个CSS区块中,该区块以大括号分割, 还有一个由多个CSS声明检测组成的条件,它是一个键值组合, 由逻辑与,逻辑或,逻辑非组合而成. 这样的条件语句称为支持条件。3

变更点

CSS3新增加了许多选择器。