一、连接一个外部样式表
在 head 区加入：<link rel="stylesheet" href="style.css" type="text/css" media="all">
可能这是最常用的样式表引用方式了，它将样式表文件做成一个文件，然后可以被多个网页文件引用。media 表示使用样式表的媒介，默认为 all，即所有的媒介，不管是打印机、显示器、电视机，都认可这个样式表，media 选项：
如果要对多个媒介应用某个样式表，则媒介值间用逗号隔开（如：media="screen,print"）。如果对所有媒介均应用某个样式表，则用 all。
大多数浏览器都会把外部样式表缓存起来，加快网站显示速度。
注意：某知名网站说，media 的默认值是 screen，经过我的实际试验，这是错误的，如上所说，默认值应该是 all！
link的其它属性，请参见网页风格切换
二、嵌入一个样式表
<style type="text/css">
body{color:#FF0000;}
</style>
嵌入样式表通常用在该样式表只被一个网页所引用的情况下。
三、输入一个样式表
<style type="text/css">
@import url(http://.../common.css);
@import url(http://.../index.css);
</style>
@import跟嵌入样式表的意义是一样的，与连接样式表相比，就少了缓存这一功能。参见样式表优先级
四、内联样式表
<p style="color:#FF0000;">红色</p>
我们不推荐使用这种方式，因为样式表散落在 HTML 元素之间，会使得网页维护起来非常麻烦。
