標籤:

在寫css樣式的時候,有沒有不推薦使用行內樣式:style="……"這樣的說法?


的確有這樣的說法,在網頁CSS設計中盡量少用類似於 STYLE的行內樣式設計。

為什麼?

這涉及到CSS樣式表的作用,網站網頁設計最開始用的是HTML樣式,HTML樣式基本是內容樣式,就是說直接套在網頁內容上的,這樣就造成了HTML樣式很難統一的調整和修改,比如我設計好一個網頁樣式風格,我想修改這個樣式風格就得一個個頁面去改。同理,整個網站的風格樣式都要一個個的頁面去設計,無論是統一整站的設計風格還是修改都特別麻煩。

所以後來出現了CSS樣式,這種樣式最根本的好處就是樣式與內容的分離。就是說樣式設計與網頁內容是相互獨立的。網頁中只保存文字,圖片等內容元素,而CSS樣式表單獨保存文字的大小,顏色,圖片的邊框,排版樣式等等信息。

這樣做的好處是顯而易見的,一個CSS樣式表可以關聯多個甚至整個網站的所有網頁,那麼我們修改樣式就非常的簡單方便了。只要改動CSS樣式文件中的幾行代碼,所有關聯網頁全改變樣式。

明白了這個道理,你就知道了為什麼不推薦用行內樣式了,因為這種樣式是嵌入網頁內容的,所以不方便修改控制。


推薦閱讀:

[CSS]巧用calc()函數布局
學懂grid布局:這篇就夠了(譯)
CSS撿屎記 // Web開發之精通CSS
CSS布局 -- 聖杯布局 & 雙飛翼布局

TAG:CSS | 科技 |