CSS高级教程 @规则

at（@）规则把CSS规则都注入了一个压缩胶囊中，并且应用到指定的某些事物中。喔。
导入
导入import at规则将吞入另外的样式表。比如，如果你需要把另外的样式表的样式添加到现有的，你可以这样做：
@import url(addonstyles.css); 
这经常用来取代连接CSS到HTML中的标签，本质上就是一个内部样式表的形式，看起来像这样：
@import url(monkey.css); 
这样做的好处是，一些老浏览器如Netscape 4.x不接受at规则，进而不连接样式表，从而，如果你有良好结构的标记，只剩下朴素功能的HTML（尽管没有样式）。
媒体类型
媒体media at规则将把内容应用到指定的媒体，比如打印。比如
@media print { 
body { font-size: 10pt; font-family: times new roman, times, serif; } 
#navigation { display: none; } 
} 
媒体类型可以是：
all──每一个太阳下、上、周围、里面的所有媒体类型。
aural──语音合成器。
handheld──手持设备。
print──打印机。
projection──投影仪。
screen──电脑屏幕。
还可以使用braille（布莱叶点字）、embossed（压印）、tty（终端）和tv（电视）。
字符集
字符集charset at规则设置一个外部样式的字符编码，它应该出现在样式的顶端，大致如此：@charset "ISO-8859-1";
字体外观
字体外观font-face at规则用来详细描述一个能嵌入CSS的外部字体。
它必须一个font-family的字体可以参考的描述符，值可以是系统已经存在的字体名称（这种情况发生时会覆盖掉该字体），也可以是全新的名字。为了嵌入一个字体，需用使用src描述符。字体外观at规则的其他描述符是使用该字体的一些条件，比如，在at规则里面增加一条font-weight: bold样式，如果font-weight属性也设置了bold，font-family的src将应用该规则到带有font-family属性的选择符。
使用字体外形at规则看起来像这样：
@font-face { 
font-family: somerandomfontname; src: url(somefont.eot); 
font-weight: bold; 
}