css書寫的小細節:
1、名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。
2、當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。
3、 不要在屬性值與單位之間留有空格。假如你使用 "margin-left: 20 px" 而不是 "margin-left: 20px" ,它僅在 ie 6 中有效,但是在 mozilla/firefox 或 netscape 中卻無法正常工作。
4、css 樣式的優先順序:內聯樣式
>
內部樣式
>
外聯樣式 > 瀏覽器預設設定
5、多重樣式時如何選擇樣式:
如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來。
例如,外部樣式表擁有針對 h3 選擇器的三個屬性:
h3
而內部樣式表擁有針對 h3 選擇器的兩個屬性:h3
color:red;
text-align:right;
font-size:20pt;
即顏色屬性將被繼承於外部樣式表,而文字排列(text-alignment)和字型尺寸(font-size)會被內部樣式表中的規則取代。 CSS 書寫規範
本文是參考了css森林中的規範,並結合之前幾個專案積累所書寫的乙個基本規範。不敢說是原創,所以鄭重感謝一下css森林。同時,本文件也處於持續改進中。1.基本 css檔案中,選擇器書寫按照 標籤 標籤偽類 id 類 覆蓋 排序,同一型別寫在一起 進行覆蓋時,也按照這樣乙個順序。css定義中,屬性的書寫...
CSS 書寫順序
display visibility list style list style type list style position list style image position top right bottom left z index clear float width max width ...
CSS書寫順序
以前一直以為css 沒什麼可優化之處,直到前幾天看到一篇文章,用良好的css書寫習慣來寫css 這樣會提高 的閱讀體驗。css書寫順序 1.位置屬性 position,top,right,z index,display,float,clear等 2.大小 width,height,padding,m...