« 上一篇下一篇 »

Link标记之属性

对于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>

« 上一篇下一篇 »