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>
四種方式的優先級：“就近原則”
即 行內 > 內嵌 > 鏈接 > 導入