0 Comments

CSS中at(@)指示符用法详解(1)

发布于:2013-11-06  |   作者:广州网站建设  |   已聚集:人围观

这里和大家分享一下CSS中使用at(@)指示符的用法,比如说导入import ,使用at规则将吞入另外的样式表。如果你需要把另外的样式表的样式添加到现有的,这经常用来取代连接CSS到HTML中的<link>标签,本质上就是一个内部样式表的形式。

CSS中使用at(@)指示符

导入

导入import at规则将吞入另外的样式表。比如,如果你需要把另外的样式表的样式添加到现有的,你可以这样做:
广州网站建设,网站建设,广州网页设计,广州网站设计

示例代码


  1. @importurl(addonstyles.css);  
  2.  

这经常用来取代连接CSS到HTML中的<link>标签,本质上就是一个内部样式表的形式,看起来像这样:

示例代码


  1. <styletypestyletype="text/css"media="all">
  2. @importurl(monkey.css);</style> 
  3.  

这样做的好处是,一些老浏览器如Netscape4.x不接受at规则,进而不连接样式表,从而,如果你有良好结构的标记,只剩下朴素功能的HTML(尽管没有样式)。
广州网站建设,网站建设,广州网页设计,广州网站设计

媒体类型

媒体mediaat规则将把内容应用到指定的媒体,比如打印。比如

示例代码


  1. @mediaprint{  
  2. body{font-size:10pt;  
  3. font-family:timesnewroman,times,serif;}  
  4. #navigation{display:none;}  
  5. }  
  6.  

媒体类型可以是:

all──每一个太阳下、上、周围、里面的所有媒体类型。 aural──语音合成器。 handheld──手持设备。 print──打印机。 projection──投影仪。 screen──电脑屏幕。

还可以使用braille(布莱叶点字)、embossed(压印)、tty(终端)和tv(电视)。

标签:
飞机