CSS学习(19)--样式表规则

@import                    版本：CSS1/CSS2　 兼容性：IE4+

语法：
 
@import  url (url) sMedia ;
 
说明：
 
url : 　使用绝对或相对地址指定导入的外部样式表文件。
sMedia : 　指定设备类型。目前IE5.5尚不支持此属性
 
指定导入的外部样式表及目标设备类型。
该规则必须在样式表头部最先声明。并且其后的分号是必需的，如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。
用此规则导入的样式表，其owningElement特性是一个link对象或style对象。
导入的外部样式表中的定义将被文当中的同名定义覆盖。
 
示例： 

1  @import url("foo.css") screen, print;
2  @import "print.css" 

@charset                  版本：CSS2　 兼容性：IE4+
 
语法：
 
@charset sCharacterSet
 
说明：
 
sCharacterSet : 　字符集名称
 
在外部样式表文件内使用。指定该样式表使用的字符集。
在外部样式表文件内，此规则只允许发生一次。且必须在样式表的最前面。
对于内部样式表来说，其字符集由HTML文档的字符集指定。
 
示例： 

1  @charset "Shift-JIS"; 

@font-face              版本：CSS2　 兼容性：IE4+
 
语法：
 
@font-face { font-family : name ; src : url( url ) ; sRules }
 
说明：
 
name : 　字体名称
url : 　使用绝对或相对地址指定OpenType字体
sRules : 　样式表定义
 
设置嵌入HTML文档的字体。
嵌入HTML文档的字体是指将OpenType字体（压缩的TrueType字体）文件映射到客户端系统，用来提供HTML文档使用该字体，或取代客户端系统已有的同名字体。
 
示例： 

1  @font-face  {  font-family :  dreamy ;  font-weight :  bold ;  src :  url(http://www.example.com/font.eot) ;   }  

@fontdef                    版本：NS4+专有规则　 兼容性：NS4+
 
语法：
 
@fontdef { url( url ) }
 
说明：

url : 　使用绝对或相对地址指定嵌入HTML文档的字体定义文件
 
设置嵌入HTML文档的字体。
 
示例： 

1  @fontdef url("http://www.example.com/sample.pfr"); 

@page                       版本：CSS2　 兼容性：IE5.5+

语法：
 
@page  label  pseudo-class { sRules }
 
说明：
 
label : 　页标
pseudo-class : 　伪类。:first | :left | :right
sRules : 　样式表定义
 
设置页面容器的版式，方向，边空等。
页面容器包括页面内容区域和内容区域外围的边空补白区域。
 
示例： 

1  @page thin:first  {  size :  3in 8in  }  

@media                    版本：CSS2　 兼容性：IE5+
 
语法：
 
@media  sMedia { sRules }
 
说明：
 
sMedia : 　指定设备名称。
sRules : 　样式表定义
 
指定样式表规则用于指定的设备类型。
 
示例： 

 1  // 设置显示器用字体尺寸 
 2  @media screen 
 3  {  
 4       BODY {font-size : 12pt ;   }  
 5  } 
 6   
 7  // 设置打印机用字体尺寸 
 8  @media print 
 9  {  
10       @import "print.css" 
11       BODY {font-size : 8pt ; }  
12  } 
13