（1）鏈接式 ： 在網頁的<head></head>標簽對中使用<link>標記來引入外部樣式表文件，使用html規則引入外部css (用得比較多) :
<link href="./mystyle.css" rel="stylesheet" type="text/css"/>
（2）導入式 ： 將一個獨立的.css文件引入HTML文件中，導入式使用CSS規則引入外部CSS文件，<style>標記也是寫在<head>標記中，使用的語法如下：
<style type="text/css">
@import"mystyle.css"; 此處要注意.css文件的路徑
</style>
比較：link引用和import引用區別是：link是html加載前就引用，而import是html加載后才引用。舉例，采用impor引用，會先顯示無樣式的頁面，然后再把樣式放進去。如果用JavaScript動態引用CSS，得使用link引用方式才可實現。
（3）內聯css文件，直接在header 里面寫css，如：
<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>
這種方法的使用情況要少的多，最長見得就是訪問量大的門戶網站。或者訪問量較大的企業網站的首頁。與第一種方法比起來，優點突出，弊端也明顯。優點：速度 快，所有的CSS控制都是針對本頁面標簽的，沒有多余的ＣＳＳ命令；再者不用外鏈ＣＳＳ文件。直接在ＨＴＭＬ文檔中讀取樣式。缺點就是改版麻煩些，單個頁 面顯得臃腫，ＣＳＳ不能被其他ＨＴＭＬ引用造成代碼量相對較多，維護也麻煩些。但是采用這種方法的公司大多有錢，對他們來說用戶量是關鍵，他們不缺人進 行復雜的維護工作。
（4） 直接在標簽里面寫樣式
<div style="border:1px red solid;">測試信息</div>
不經常改的地方 。可以一用，，但是 還是 謹慎使用，很不符合大眾。