CSS语法和规则

!important	CSS1	提升指定样式条目的应用优先权。
/*comment*/	CSS1	CSS中的注释 /* 这里是注释内容 */
@import	CSS1/3	指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明
@charset	CSS2	在外部样式表文件内使用。指定该样式表使用的字符编码。
@media	CSS2/3	指定样式表规则用于指定的媒体类型和条件。
@font-face	CSS3	设置嵌入HTML文档的OpenType字体。
@page	CSS2	设置页面容器的版式，方向，边空等。
@keyframes	CSS3	指定动画名称和动画效果。

@import：指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明。并且其后的分号是必需的，如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。IE使用@import无法引入超过35条的样式表。

/*指定媒体查询*/
@import url(example.css) screen and (min-width:800px);
@import url(example.css) screen and (width:800px),(color);
@import url(example.css) screen and (min-device-width:500px) and (max-device-width:1024px);

@charset <charset>;

　　<charset>：字符编码。如：@charset "utf-8";
说明：在外部样式表文件内使用。指定该样式表使用的字符编码。该规则后面的分号是必需的，如果省略了此分号，会生成错误信息。

@charset "utf-8";
body { sRules }
div { sRules }
...

@media：<media_query_list>  指定样式表规则用于指定的媒体类型和查询条件。

@media screen and (width:800px){ … }
@import url(example.css) screen and (width:800px);
<link media="screen and (width:800px)" rel="stylesheet" href="example.css" tppabs="http://www.xgllseo.com/book/css/rules/example.css" />
<?xml-stylesheet media="screen and (width:800px)" rel="stylesheet" href="example.css" tppabs="http://www.xgllseo.com/book/css/rules/example.css" ?>