css教程:經(jīng)常保持CSS的整潔度和有序性

2024-07-11 08:42:42

字體：大中小

供稿：網(wǎng)友

點擊這里瀏覽本站　CSS　頻道內(nèi)容。
　　經(jīng)常要保持CSS的整潔度和有序性。我喜歡將選擇符按照樣式的類別進行組織劃分。
　　重置樣式(reset styles)
　　排版樣式(typography styles)
　　布局樣式(layout styles (header, content, footer, etc.))
　　模塊和widget樣式module or widget styles
　　其他(etc).
　　然后，在每個組里面，我按照DOM等級將選擇符組織劃分：
　　任何父級元素樣式(any parent styles)
　　塊級元素樣式(block-level element styles) (段落,列表等.)
　　內(nèi)聯(lián)元素樣式(inline element styles) (鏈接,縮寫等.)
　　其他(etc).
　　然后在上面劃分的基礎(chǔ)上進行詳細的劃分：
　　段落(paragraphs)
　　引用(blockquotes)
　　地址(addresses)
　　列表(lists)
　　表單(forms)
　　表格(tables)
　　其他(etc).
　　最后,我按照樣式類型組織CSS聲明
　　位置樣式(positioning styles)
　　浮動/清除浮動樣式(float/clear styles)
　　顯示/可見樣式(display/visibility styles)
　　空間樣式(spacing styles)(margin, padding, border)
　　尺寸樣式(dimensions styles)
　　排版相關(guān)樣式(typography-related styles)(line-height, color, etc.)
　　其他樣式(miscellaneous styles)(list-style, cursors, etc.)
　　許多人喜歡根據(jù)聲明的字母順序來排列，這種方法對我來說可能不太適合，但可能對你來說會非常適合。不過一旦你選擇了任何組織方法，就最好堅持下去以保持其統(tǒng)一性。

上一篇：css中用javascript判斷瀏覽器版本

下一篇：css教程:選擇合適的、有意義的元素描述內(nèi)容