CSS规则

来自站长百科
跳转至: 导航、​ 搜索

导航: 上一页 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

@import[ ]

语法:@import url ( url ) sMedia ;
取值:
url ( url )  :  使用绝对或相对 url 地址指定导入的外部样式表文件。
sMedia  :  未支持。指定设备类型。请参阅 附录:设备类型
说明:
指定导入的外部样式表及目标设备类型。此规则无默认值。
此规则其后的分号是必需的,如果省略了此分号,外部样式表将无法正确导入,并会生成错误信息。 url () 是可选的。
此规则像 link 对象一样,链接一个外部样式表到文档。用此规则导入的样式表,其 owningElement 特性是一个 link 对象或 style 对象。
此规则必须出现在样式表内的任何声明之前。虽然IE4.0+允许此规则出现在样式表定义的任何位置,但是此规则导入的样式定义将在内部样式表之前作用。这个定义顺序会影响您预期的结果。
导入的外部样式表中的定义会被文档中的定义覆盖。
示例:
@import url("foo.css") screen, print;
@import "print.css";
@import url(print.css);

@charset[ ]

语法:@charset sCharacterSet
取值:sCharacterSet  :  字符集名称
说明:
在外部样式表文件内使用。指定该样式表使用的字符集。不可以在内部样式表中使用。此规则无默认值。在外部样式表文件内,此规则只允许使用一次。且必须在样式表的最前面。对于内部样式表来说,其字符集由HTML文档的字符集指定。
示例:@charset "Windows-1251";

@font-face[ ]

语法:@font-face { font-family : name ; src : url ( url ) ; sRules }
取值:
name  :  字体名称。任何可能的 font-family 属性的值
url ( url )  :  使用绝对或相对 url 地址指定OpenType字体文件
sRules  :  样式表定义

说明:
设置嵌入HTML文档的字体。此规则无默认值。
此规则使你能够在网页上使用客户端本地系统上可能没有的字体。 url 地址必须指向 OpenType 字体文件(.eot或.ote)。此文件包含可以转换为 TrueType 字体的压缩字体数据,可以用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。此文件可以使用 Microsoft WEFT 工具制作。

示例:
@font-face { font-family:comic;src:url(http://valid_url/some_font_file.eot); }

@fontdef[ ]

语法:@fontdef { url ( url ) }
取值:url ( url )  :  使用绝对或相对 url 地址指定嵌入HTML文档的字体定义文件
说明:设置嵌入HTML文档的字体。
示例:@fontdef url("http://www.example.com/sample.pfr");

@page[ ]

语法:@page pseudo-class { sRules }
取值:
pseudo-class  :  伪类。:first | :left | :right
sRules  :  样式表定义
说明:
设置页面容器的版式,方向,补丁等。此规则无默认值。
页面容器是一个矩形区域,包括页面内容区域和补丁区域。页面内容区域包含页面的内容,像文本和图片等,补丁区域环绕内容区域外围。 虽然此规则定义会被描述在IE5.5+的样式表对象模型内,但是这些定义并不会被IE默认的打印模板使用。它们能够被MSHTML宿主程序用于打印模板开发。在这些程序中,像 size 和 margin 等不被明确提供的属性作为自定义( expando )属性被使用。
示例:@page thin:first { size: 3in 8in }

@media[ ]

语法:@media sMedia { sRules }
取值:
sMedia  :  指定设备名称。
sRules  :  样式表定义
说明:
指定样式表规则用于指定的设备类型。此规则无默认值。
示例:
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:12pt; }
}
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}