http://www.biancheng.net/

運行效果如下圖所示：

因為內(nèi)嵌樣式表需要將 CSS 樣式定義在 HTML 文檔的內(nèi)部，所以會導致文檔的體積變大，而且當有其它文檔也需要使用內(nèi)嵌樣式表中同樣的樣式時，無法引入到其他文檔，必須在其它文檔中重新定義，會導致代碼冗余，不利于后期維護。

2. 內(nèi)聯(lián)樣式

內(nèi)聯(lián)樣式就是將樣式信息直接定義在 HTML 標簽的 style 屬性中，由于內(nèi)聯(lián)樣式定義在標簽內(nèi)部，所以它只對所在的標簽有效。示例代碼如下：

    
        
      
    
        
編程幫
        
http://www.biancheng.net/
    

運行效果如下圖所示：

內(nèi)聯(lián)樣式雖然可以很方便的為 HTML 標簽賦予 CSS 樣式，但它的缺點也非常明顯，不推薦過多使用。

• 定義內(nèi)聯(lián)樣式需要在每個 HTML 標簽中定義 style 屬性，很不方便；
• 在內(nèi)聯(lián)樣式中使用雙引號或單引號時要特別小心，因為 HTML 標簽的屬性通常都會使用雙引號來包裹屬性的值，例如 ；
• 在內(nèi)聯(lián)樣式中定義的樣式不能再其它任何地方重用；
• 內(nèi)聯(lián)樣式在后期維護時很不方便，因為一個網(wǎng)站通常有很多頁面組成，當修改頁面樣式時需要對頁面逐個修改；
• 添加過多的內(nèi)聯(lián)樣式會導致 HTML 文檔的體積增大。

3. 外部樣式表

外部樣式表是最常見也是最推薦的引用 CSS 的方式，您只需要將 CSS 樣式定義在一個 .css 格式的文件中，然后使用 HTML 的
標簽將這個 .css 格式的樣式文件應用到 HTML 文檔中。

下面通過具體的示例來演示外部樣式表的使用。首先，需要定義一個 .css 格式的樣式文件（例如 style.css），如下所示：

body {
    background-color: linen;
}
h1 {
    color: maroon;
    margin-left: 40px;
}

然后我們在 HTML 文檔中引入這個 style.css 文件，如下所示：

    
        
        
      
    
        
編程幫
        
http://www.biancheng.net/
    

運行效果如下圖所示：

因為 CSS 樣式定義在單獨的 .css 格式的文件中，所以可以在多個頁面之間引用，若要修改網(wǎng)頁的樣式，只需要修改這個 CSS 樣式文件即可，很方便。

4. 導入樣式表

您同樣可以使用
@import 來引用外部樣式表，這一點與使用
標簽比較相似。使用
@import 引用外部樣式表的語法格式如下：

@import "URL";
或者
@import url("URL");

其中 URL 為外部樣式表的存放路徑。

假如還使用上面定義的 style.css 樣式表，通過
@import 將其引用到 HTML 文檔的代碼如下：

    
        
        
      
    
        
編程幫
        
http://www.biancheng.net/
    

運行效果如下圖所示：

在使用
@import 引用 CSS 時有以下幾點需要注意：

• 在 HTML 文檔中使用 @import 時，@import 需要定義在