样式表可以不在HTML文档中定义,而在单独的文件中定义。启动样式表时,用户可以选择样式表。每个样式都可能是若干格式表的层叠。有的样式表不经用户选择直接使用(只要它引用当前媒体类型),这类样式表成为坚持表(persistent)。还有的样式表只根据特定选择使用,它们称作可选表(alternate)。载入页面使用会自动使用默认样式表(default
style sheet),但用户可以用可选样式表代替它。
HTML中必须用LINK元素来指明外部样式表,并使用以下属性:
1.将href属性值设置为样式表文件所在位置。href的值是一个URL。
2.用rel属性值来标明样式表是坚持表(rel="persistent")、默认表(rel="default
style sheet")还是可选表(rel="alternate")。
3.当样式表为默认样式表(可以由用户激活或关闭)时,设置title属性值。
CSS等层叠养活司表语言允许联合使用不同来源的样式信息,但不是所有样式表语言支持层叠功能。定义层叠的方法很简单,仅需使用一系列LINK或STYLE元素即可,而样式信息按照这些元素在HEAD中出现顺序进行层叠。层叠可包括使用于不同媒体的样式表,用户程序应负责过滤适合当前情况的样式表。
示例:定义两个名compact的可选样式表,如果用户选择compact样式,那么这两个样式表将被使用,同时还使用common.css样式表,因为它没有设置title属性。如果用户选择big
print样式,用户程序将使用文件bigprint和common.css,而compact样式表不会被使用。
|
<LINK rel="alternate stylesheet" title="compact"
href="small-base.css">
<LINK rel="alternate stylesheet" title="compact"
href="small-extras.css">
<LINK rel="alternate stylesheet" title="big
print " href="bigprint.css">
<LINK rel="stylesheet" href="common.css">
|
|