外部css樣式表有什麼用

外部css樣式表的作用：1、使樣式與html分離，實現了結構與表現的程式碼完全分離；2、方便多用及維護，減少了工作量；3、減少檔案大小，讓頁面結構更容易被程式設計師和網路爬蟲讀懂；4、節省網路流量和頻寬；5、減少渲染時間；6、有利於搜尋排名等。

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

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

實際上，外部樣式表也就是一個文字文件，擴展名為.css。當把CSS樣式程式碼複製到一個文字檔後，另存為.css文件，則它就是一個外部樣式表。例如下圖：

外部css樣式表的作用：

• ##讓樣式與html分離，實現了結構與表現的程式碼完全分離。

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

因為分離到各自獨立的檔案中，讓HTML 檔案大小大幅減少了，從而讓頁面結構更容易被程式設計師和網路爬蟲讀懂
• 寫出來的程式碼檔案更簡潔（方便其它人閱讀），而且檔案大小也比較小。

• 程式碼檔案傳輸時，能夠節省網路流量和頻寬。 （因為檔案較小，且重複的css樣式會被儲存在快取中）

• #程式碼檔案渲染時，能夠減少渲染時間。 （因為檔案更小）

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

• 外部樣式表在使用者首次造訪後就被快取到使用者電腦上，下次造訪無需載入

css影片教學）

以上是外部css樣式表有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！