对于Link标记的余下部分,其属性和值都很直接明了了。rel代表“关系”在这里,关系为stylesheet。type总是设置为text/css。这个值描述了使用Link标记加载的数据的类型。这样一来,Web浏览器就知道了样式表是CSS样式表,这将确定浏览器如何处理其导入的数据。毕竟,将来可能会使用其他的样式语言,所以声明使用何种语言很重要。
接下来就可以看到href属性。这个属性的值是样式表的URL。可以是绝对URL,也可以是相对URL,具体取决于要做的工作。当然,在我们例子中,该URL是相对URL.它可以很简单,如:好htt://www。meyerweb。com/sheet1.css。
最后还有一个media属性。这里使用的值是all,说明这个样式表应用于所有表现媒体。CSS2为这个属性定义了很多可取值。
all
用与所有表现媒体。
aural
用于语音合成器、屏幕阅读器和文档的其他声音表现。
braille
用于Braille设备表现文档时使用。
embossed
用Braille打印设备打印时使用。
handheld
用于手持设备,如个人数字助理或支持Web的蜂窝电话。
print
为视力正常的用户打印文档时使用,另外还会在显示文档的“打印预览”时使用。
projection
用于投影媒体,如发表演讲时显示幻灯片的数字投影仪。
screen
在屏幕媒体中表现文档时使用,在这种系统上运行的所有Web浏览器都是屏幕媒体用户代理。
tty
在固定间距环境中显示文档时使用。
tv
在电视上显示文档时使用。
以上大部分媒体类型在当前的Web浏览器中并不支持。其中3个得到广泛支持的类型是all、screen和print。
可以在多个媒体中使用一个样式表,为此要提供应用此样式表的媒体列表,各媒体用逗号分隔。例如,可以在屏幕和投影媒体中使用一个链接样式表:
<link rel="stylesheet" type="text/css"href="visual-sheet.css"
media="screen,projrction" />
注意,一个文档可能关联有多个链接样式表。如果是这样,文档最初显示时只会使用rel为stylesheet的link标记。因此,如果希望链接名为basic。css和splash。css的两个样式表,可以如下设置:
<link rel="stylesheet" type="text/css"href="basic.css" />
<link rel="stylesheet" type="text/css"href="splash.css"/>
这将会让浏览器加载这两个样式表,合并它们的规则,并将其全部应用于文档。例如:
<link rel="stylesheet" type="text/css"href="basic.css"/>
<link rel="stylesheet" type="text/css"href="splash.css"/>
<p class="all">This paragraph will be gray only if styles from the stylesheet 'basic.css'are applied.</p>
<p class="b1">This paragraph will be gray only if styles from the stylesheet 'splash.css'are applied.</p>