编辑“CSS规则”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

==@import==
语法：[[@import]] url ( url ) sMedia ;  <br>
取值：<br>
url ( url )  :　 使用绝对或相对 url 地址指定导入的外部[[样式表]]文件。  
<br>sMedia  :　 未支持。指定设备类型。请参阅 附录：设备类型  <br>
说明：<br>
指定导入的外部样式表及目标设备类型。此规则无默认值。<br>
此规则其后的分号是必需的，如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。 url () 是可选的。<br>
此规则像 link 对象一样，链接一个外部样式表到文档。用此规则导入的样式表，其 owningElement 特性是一个 link 对象或 style 对象。<br>
此规则必须出现在样式表内的任何声明之前。虽然IE4.0+允许此规则出现在样式表定义的任何位置，但是此规则导入的样式定义将在内部样式表之前作用。这个定义顺序会影响您预期的结果。<br>
导入的外部样式表中的定义会被文档中的定义覆盖。 <br>
示例：<br>
@import url("foo.css") screen, print;<br>
@import "print.css";<br>
@import url(print.css); <br>
==@charset==
语法：@charset sCharacterSet <br>
取值：sCharacterSet  :　 字符集名称 <br>
说明：<br>
在外部样式表文件内使用。指定该样式表使用的字符集。不可以在内部样式表中使用。此规则无默认值。在外部样式表文件内，此规则只允许使用一次。且必须在样式表的最前面。对于内部样式表来说，其字符集由HTML文档的字符集指定。<br>
示例：@charset "Windows-1251";<br>
==@font-face==
语法：@font-face { font-family : name ; src : url ( url ) ; sRules } <br>
取值：<br>
name  :　 字体名称。任何可能的 font-family 属性的值 <br>
url ( url )  :　 使用绝对或相对 url 地址指定OpenType字体文件 <br>
sRules  :　 样式表定义 <br>

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

示例：<br>
@font-face { font-family:comic;src:url(http://valid_url/some_font_file.eot); }<br>
==@fontdef==
语法：@fontdef { url ( url ) } <br>
取值：url ( url )  :　 使用绝对或相对 url 地址指定嵌入HTML文档的字体定义文件 <br>
说明：设置嵌入HTML文档的字体。 <br>
示例：@fontdef url("http://www.example.com/sample.pfr"); <br>
==@page==
语法：@page pseudo-class { sRules } <br>
取值：<br>
pseudo-class  :　 伪类。:first | :left | :right <br>
sRules  :　 样式表定义 <br>
说明：<br>
设置页面容器的版式，方向，补丁等。此规则无默认值。<br>
页面容器是一个矩形区域，包括页面内容区域和补丁区域。页面内容区域包含页面的内容，像文本和图片等，补丁区域环绕内容区域外围。
虽然此规则定义会被描述在IE5.5+的样式表对象模型内，但是这些定义并不会被IE默认的打印模板使用。它们能够被MSHTML宿主程序用于打印模板开发。在这些程序中，像 size 和 margin 等不被明确提供的属性作为自定义( expando )属性被使用。 <br>
示例：@page thin:first { size: 3in 8in } <br>
==@media==
语法：@media sMedia { sRules } <br>
取值：<br>
sMedia  :　 指定设备名称。<br>
sRules  :　 样式表定义 <br>
说明：<br>
指定样式表规则用于指定的设备类型。此规则无默认值。<br>
示例：<br>
// 设置显示器用字体尺寸<br>
@media screen {<br>
BODY {font-size:12pt; }<br>
}<br>
// 设置打印机用字体尺寸<br>
@media print {<br>
@import "print.css"<br>
BODY {font-size:8pt;}<br>
} <br>

[[category:CSS学习教程]]