HTML中使用CSS的幾種方式介紹

CSS的重要性我們們就不多說了，加入沒有CSS的話，網頁的顯示方式可能枯燥無味，甚至毫無美觀度可言，下面就簡單介紹一下在html中使用css的幾種方式，希望對初學者帶來一定的幫助。

一.引入外部樣式表:

[HTML] 純文字檢視 複製程式碼
<link type="text/css" href="css/style.css" />

以上程式碼可以引入在同級目錄下，css資料夾中名為style的樣式表檔案，這個路徑可以是相對路徑也可以是絕對路徑。

關於路徑可以參閱相對路徑和絕對路徑用法詳解一章節。 

二.文件內樣式表:

[HTML] 純文字檢視 複製程式碼
<style type="text/css">
.test li {
  margin-top:20px;
  list-style:none;
}
</style>

以上程式碼使用<style type="text/css"></style>宣告文件內樣式表，樣式規則寫在兩個標籤之間。

三.在標籤內寫樣式:

[HTML] 純文字檢視 複製程式碼
<div style="width:100px;"></div>

以上程式碼直接在div內使用style設定div的寬度值。