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;}

}

 

原文地址:https://www.cnblogs.com/astar/p/1227335.html