一、连接一个外部样式表

在 head 区加入：

可能这是最常用的样式表引用方式了，它将样式表文件做成一个文件，然后可以被多个网页文件引用。media 表示使用样式表的媒介，默认为 all，即所有的媒介，不管是打印机、显示器、电视机，都认可这个样式表，media 选项：

如果要对多个媒介应用某个样式表，则媒介值间用逗号隔开（如：media="screen,print"）。如果对所有媒介均应用某个样式表，则用 all。

大多数浏览器都会把外部样式表缓存起来，加快网站显示速度。

注意：某知名网站说，media 的默认值是 screen，经过我的实际试验，这是错误的，如上所说，默认值应该是 all！

link的其它属性，请参见网页风格切换

二、嵌入一个样式表body{color:#FF0000;}

嵌入样式表通常用在该样式表只被一个网页所引用的情况下。

三、输入一个样式表@import url(http://.../common.css);@import url(http://.../index.css);

@import跟嵌入样式表的意义是一样的，与连接样式表相比，就少了缓存这一功能。参见样式表优先级

四、内联样式表

红色

我们不推荐使用这种方式，因为样式表散落在 HTML 元素之间，会使得网页维护起来非常麻烦。