外部css樣式表的作用：1、使樣式與html分離，實現了結構與表現的代碼完全分離；2、方便復用及維護，減少了工作量；3、減少文件大小，讓頁面結構更容易被程序員和網絡爬蟲讀懂；4、節省網絡流量和帶寬；5、減少渲染時間；6、有利于搜索排名等。

本教程操作環境：windows7系統、CSS3版、Dell G3電腦。

如果 CSS 樣式被放置在網頁文檔外部的文件中，則稱為外部樣式表，一個 CSS 樣式表文檔就表示一個外部樣式表。

實際上，外部樣式表也就是一個文本文件，擴展名為.css。當把CSS樣式代碼復制到一個文本文件中后，另存為.css文件，則它就是一個外部樣式表。例如下圖：

外部css樣式表的作用：

• 使樣式與html分離，實現了結構與表現的代碼完全分離。

• 方便復用及維護，減少了工作量。因為只要修改css樣式表文件，就能夠改變很多網頁，甚至改變整個站點的風格特色。避免了一個個網頁去修改。

• 因為分離到各自獨立的文件中，讓 HTML 文件大小大幅減少了，從而讓頁面結構更容易被程序員和網絡爬蟲讀懂

• 寫出來的代碼文件更簡潔（便于其它人閱讀），且文件大小也比較小。

• 代碼文件傳輸時，能夠節省網絡流量和帶寬。（因為文件更小，且重復的css樣式會被存儲在緩存中）

• 代碼文件渲染時，能夠減少渲染時間。（因為文件更小）

• 對搜索引擎友好，讓搜索引擎給頁面評分更高，有利于頁面搜索引擎排名

• 外部樣式表在用戶首次訪問后就被緩存到用戶電腦上，下次訪問無需加載

（學習視頻分享：css視頻教程）