1 行内样式
最直接简单，直接对HTML标签使用style = ""，例如：
<p style="color:#F00; background:#CCC; font-size:12px;"></p>
缺点：HTML页面不够纯净，文件体积过大，不利于搜索蜘蛛爬行，后期维护成本高。
2 内嵌样式
写在<head></head>之间，并用<style></style>进行声明。例如：
<head>
<style type = "text/css">
p { color:#F00;
background:#CCC;
font-size:12px;
}
</head>特点：倘若页面过多，文件体积变大，不利于后期维护。一般在适合文件少，css代码也不多的情况下使用。
3 链接样式
<head></head>之间加入<link>标签，例如：
<head> <link rel="stylesheet" type="text/css" href = "example.css" /> </head>
特点：实现结构与表现的完全分离，有利于前期的制作和后期的维护。
4 导入样式
<head></head>之间用import导入样式。例如：
<head> <style type="text/css"> @import"example.css"; </style> </head>
四种方式的优先级：“就近原则”
即 行内 > 内嵌 > 链接 > 导入
