一、In-line 行內 

　　行內樣式是在html標簽里直接使用style屬性 

  
p style="color: red">text/p> 
　　設定段落文字紅色。 
　　但要記住，最后的HTML應該是獨立出來，使用表現文檔，所以行內樣式應該在任何地方避免。 

二、Internal 內部 

　　使用于整個頁面的植入內部樣式在head標簽里面，style標簽包圍樣式。 

  
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
html> 
head> 
title>CSS Example/title> 
style type="text/css"> 
    p { 

        color: red; 
    } 

    a { 
        color: blue; 
    } 
/style> 
... 
　　所有段落文字紅色，鏈接藍色。 
　　像行內樣式一樣，你應該保持HTML和CSS分離，所以我們只剩下救星。 

三、外部 

　　外部樣式使用在整個多樣頁面網站。它是一個獨立的CSS文件，像下面一樣： 

  
p { 
    color: red; 
} 

a { 
    color: blue; 
} 
　　如果上面保存為“web.css”，HTML里面的鏈接就像下面： 

  
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
html> 
head> 
    title>CSS Example/title> 
    link rel="stylesheet" type="text/css" href="web.css" /> 
... 
　　后面教程里會講到其他外聯樣式的方法，現在已經足夠了。 

　　從這篇指導里面，我們以后沿著上面的方法實驗代碼是個好主意，用文本編輯器新建文件，保存為"web.css"在html目錄。 

  
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
html> 
head> 
    title>My first web page/title> 
    link rel="stylesheet" type="text/css" href="web.css" /> 
/head> 
... 
　　保存HTML文件，現在已經鏈接上CSS，不過現在CSS是空的，沒有內容不會改變HTML。當你開始學習CSS，就可以添加代碼到CSS文件里，看HTML刷新后的結果。