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