WEB标准学习路程之"CSS"：12.规则

 

规则

At-Rules 样式表规则		CSS Version 版本		Compatibility 兼容性		Description 简介
@import		CSS1		IE4+		指定导入的外部样式表及目标媒体。该规则必须在样式表头部最先声明
	@charset		CSS2		IE4+		在外部样式表文件内使用。指定该样式表使用的字符集。请参阅附录：字符集
	@font-face		CSS2		IE4+		设置嵌入HTML文档的OpenType字体
	@fontdef		NS专有规则		NS4+		设置嵌入HTML文档的字体
	@media		CSS2		IE5+		指定样式表规则用于指定的媒体类型
	@page		CSS2		IE5.5+		设置页面容器的版式，方向，边空等

@import

 

语法： @import url (url) sMedia ;

 

说明： 

url : 　使用绝对或相对地址指定导入的外部样式表文件。请参阅link对象

sMedia : 　指定设备类型。请参阅附录：设备类型。目前IE5.5尚不支持此属性

 

指定导入的外部样式表及目标设备类型。

该规则必须在样式表头部最先声明。并且其后的分号是必需的，如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。

用此规则导入的样式表，其owningElement特性是一个link对象或style对象。请参阅我的其他著作。

导入的外部样式表中的定义将被文当中的同名定义覆盖。

 

示例： 

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

@import "print.css"

@charset

语法： @charset sCharacterSet

 

说明： 

sCharacterSet : 　字符集名称

 

在外部样式表文件内使用。指定该样式表使用的字符集。请参阅附录：字符集。

在外部样式表文件内，此规则只允许发生一次。且必须在样式表的最前面。

对于内部样式表来说，其字符集由HTML文档的字符集指定。请参阅meta对象的content属性（特性）。

 

示例： @charset "Shift-JIS";

 

@font-face

语法： @font-face { font-family : name ; src : url( url ) ; sRules }

 

说明： 

name : 　字体名称

url : 　使用绝对或相对地址指定OpenType字体

sRules : 　样式表定义

 

设置嵌入HTML文档的字体。

嵌入HTML文档的字体是指将OpenType字体（压缩的TrueType字体）文件映射到客户端系统，用来提供HTML文档使用该字体，或取代客户端系统已有的同名字体。

 

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

 

@fontdef

语法： @fontdef { url( url ) }

 

说明： url : 　使用绝对或相对地址指定嵌入HTML文档的字体定义文件 

设置嵌入HTML文档的字体。

 

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

 

@page

语法： @page label pseudo-class { sRules }

 

说明： 

label : 　页标

pseudo-class : 　伪类。:first | :left | :right

sRules : 　样式表定义

 

设置页面容器的版式，方向，边空等。

页面容器包括页面内容区域和内容区域外围的边空补白区域。

 

示例： @page thin:first { size: 3in 8in }

 

@media

语法： @media sMedia { sRules }

 

说明： 

sMedia : 　指定设备名称。请参阅附录：设备类型

sRules : 　样式表定义

 

指定样式表规则用于指定的设备类型。请参阅link对象的media属性（特性）。

 

示例：

 // 设置显示器用字体尺寸

@media screen {

BODY {font-size:12pt; }

}

 

// 设置打印机用字体尺寸

@media print {

@import "print.css"

BODY {font-size:8pt;}

}