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

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

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

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

外部css樣式表的作用：

• 使樣式與html分離，實現(xiàn)了結(jié)構(gòu)與表現(xiàn)的代碼完全分離。

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

• 因為分離到各自獨立的文件中，讓 HTML 文件大小大幅減少了，從而讓頁面結(jié)構(gòu)更容易被程序員和網(wǎng)絡(luò)爬蟲讀懂

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

• 代碼文件傳輸時，能夠節(jié)省網(wǎng)絡(luò)流量和帶寬。（因為文件更小，且重復(fù)的css樣式會被存儲在緩存中）

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

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

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

（學(xué)習(xí)視頻分享：css視頻教程）