首頁 >web前端 >css教學 >css行內樣式為什麼盡量不要使用

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

青灯夜游
青灯夜游原創
2020-12-23 12:02:204758瀏覽

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

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

本教學操作環境:windows7系統、css3版本,Dell G3電腦。

建議:css影片教學

css行內樣式

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

<div style="属性名称:属性值;属性名称:属性值;"></div>

缺點:

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

說明:

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

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

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

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

更多程式相關知識,請造訪:

程式設計教學! !

以上是css行內樣式為什麼盡量不要使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn