html如何引用外部css样式

一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:

外部样式表不能含有任何像

P { margin: 2em }

组成的文件就可以用作外部样式表了。

• screen?(缺省值)，提交到计算机屏幕；
• print， 输出到打印机；
• projection，提交到投影机；
• aural，扬声器；
• braille，提交到凸字触觉感知设备；
• tty，电传打字机 (使用固定的字体)；
• tv，电视机；
• all，所有输出设备。

多样的媒体通过用逗号隔开的列表或值all指定。

Netscape Navigator 4.x?错误地忽略除了screen值外的任何使用MEDIA值声明的连接或嵌入样式表。例如，MEDIA="screen,projection"会令到样式表被Navigator 4.x忽略，尽管展示的设备是计算机的屏幕。Navigator 4.x?也忽略使用MEDIA=all声明的样式表。

REL属性用于定义连接的文件和HTML文档之间的关系。REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样式。固定样式在样式表激活时总被应用。缺少的TITLE属性，就像例子中的第一个

一个首选样式会自动被应用，就像例子中的第二个

交互样式通过REL="Alternate StyleSheet"指出。例子中的第三个

注意现在的浏览器一般都缺乏选择交互样式的能力。

单一的样式也可以通过多个样式表给出

在这个例子中，三个样式表组合成一个"Contemporary"样式，作为一个首选样式表被应用。要组合多个样式表成一个单一样式，必须在每个样式表中使用相同TITLE。

当样式被应用到很多的网页时，一个外部样式表是理想的。网页制作者使用外部样式表可以改变整个网站的外观而仅仅通过改变一个文件。同样的，大多数浏览器会保存外部样式表在缓冲区，从而如果样式表在缓冲区就避免了在展示网页时的延迟。

Microsoft Internet Explorer?3 for Windows 95/NT4并不支持来自连接的样式表中的BODY?背景图象或颜色。如果考虑到这个错误，网页制作者不妨提供另外的包括一个背景图象或颜色的结构，例如嵌入或内联样式，或使用BODY元素的BACKGROUND属性。