css行內樣式為什麼儘量不要使用

2020-12-23 15:00:44

css行內樣式是直接將樣式屬性寫在開始標籤style屬性中,多個元素難以共用樣式,不利於程式碼複用;且HTML和CSS程式碼混雜,結構樣式沒有分離,不利於程式設計師和搜尋引擎閱讀,不利於後期維護。

推薦:

css行內樣式

直接將樣式屬性寫在開始標籤style屬性中

<div style="屬性名稱:屬性值;屬性名稱:屬性值;"></div>

缺點:

  • 多個元素難以共用樣式,不利於程式碼複用
  • HTML和CSS程式碼混雜,結構樣式沒有分離,不利於程式設計師和搜尋引擎閱讀,不利於後期維護

說明:

  • 對開發者來說,樣式與html分離,有助於後期更改一個新的樣式(也可以說新的主題,很多ui框架都是直接切換主題的)

  • 對瀏覽器來說,樣式檔案由於是單獨檔案,可以在本地建立一個快取,有利於加快存取網頁。

  • 對伺服器來說,如果樣式檔案瀏覽器減少載入,那麼伺服器就可以減少下載流量,可以節約伺服器頻寬。

雖然這些東西,對於一個使用者來說是微不足道的,但是當數量級達到一定程度,一個位元組的流量都是十分重要的,所以css行內樣式儘量不要使用。

更多程式設計相關知識,請存取:!!

以上就是css行內樣式為什麼儘量不要使用的詳細內容,更多請關注TW511.COM其它相關文章!