这里和大家分享一下CSS中使用at(@)指示符的用法,比如说导入import ,使用at规则将吞入另外的样式表。如果你需要把另外的样式表的样式添加到现有的,这经常用来取代连接CSS到HTML中的<link>标签,本质上就是一个内部样式表的形式。
CSS中使用at(@)指示符
导入
导入import at规则将吞入另外的样式表。比如,如果你需要把另外的样式表的样式添加到现有的,你可以这样做:
广州网站建设,网站建设,广州网页设计,广州网站设计
示例代码
- @importurl(addonstyles.css);
这经常用来取代连接CSS到HTML中的<link>标签,本质上就是一个内部样式表的形式,看起来像这样:
示例代码
- <styletypestyletype="text/css"media="all">
- @importurl(monkey.css);</style>
这样做的好处是,一些老浏览器如Netscape4.x不接受at规则,进而不连接样式表,从而,如果你有良好结构的标记,只剩下朴素功能的HTML(尽管没有样式)。
广州网站建设,网站建设,广州网页设计,广州网站设计
媒体类型
媒体mediaat规则将把内容应用到指定的媒体,比如打印。比如
示例代码
- @mediaprint{
- body{font-size:10pt;
- font-family:timesnewroman,times,serif;}
- #navigation{display:none;}
- }
媒体类型可以是:
all──每一个太阳下、上、周围、里面的所有媒体类型。 aural──语音合成器。 handheld──手持设备。 print──打印机。 projection──投影仪。 screen──电脑屏幕。
还可以使用braille(布莱叶点字)、embossed(压印)、tty(终端)和tv(电视)。