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

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

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

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

外部css樣式表的作用：

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

• 方便復(fù)用及維護(hù)，減少了工作量。因?yàn)橹灰薷腸ss樣式表文件，就能夠改變很多網(wǎng)頁，甚至改變整個(gè)站點(diǎn)的風(fēng)格特色。避免了一個(gè)個(gè)網(wǎng)頁去修改。

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

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

• 代碼文件傳輸時(shí)，能夠節(jié)省網(wǎng)絡(luò)流量和帶寬。（因?yàn)槲募?，且重?fù)的css樣式會(huì)被存儲(chǔ)在緩存中）

• 代碼文件渲染時(shí)，能夠減少渲染時(shí)間。（因?yàn)槲募。?/p>

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

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

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