css行內樣式是直接將樣式屬性寫在開始標籤style屬性中,多個元素難以共享樣式,不利於程式碼重複使用;且HTML和CSS程式碼混雜,結構樣式沒有分離,不利於程式員和搜尋引擎閱讀,不利於後期維護。
本教學操作環境:windows7系統、css3版本,Dell G3電腦。
建議:css影片教學
css行內樣式
直接將樣式屬性寫在開始標籤style屬性中
<div style="属性名称:属性值;属性名称:属性值;"></div>
缺點:
- 多個元素難以共享樣式,不利於程式碼重複使用
- HTML和CSS程式碼混雜,結構樣式沒有分離,不利於程式設計師與搜尋引擎閱讀,不利於後期維護
說明:
- ##對開發者來說,樣式與html分離,有助於後期改變一個新的樣式(也可以說新的主題,很多ui框架都是直接切換主題的)
- 對瀏覽器來說,樣式文件由於是單獨文件,可以在本地建立一個緩存,有利於加快訪問網頁。
- 對伺服器來說,如果樣式檔案瀏覽器減少加載,那麼伺服器就可以減少下載流量,可以節省伺服器頻寬。
雖然這些東西,對於一個使用者來說是微不足道的,但是當數量級達到一定程度,一個位元組的流量都是十分重要的,所以css行內樣式盡量不要使用。
更多程式相關知識,請造訪:
程式設計教學! !
以上是css行內樣式為什麼盡量不要使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!