经常保持CSS的整洁度和有序性

经常保持CSS的整洁度和有序性内容简介： 经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。 重置样式(reset styles) 排版样式(typography styles) 布局样式(layout styles (header, content, footer, etc.)) 模块和widget样式modul 　经常要保持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) (段落,列表等.)

　　内联元素样式(inline element styles) (链接,缩写等.)

　　其他(etc).

　　然后在上面划分的基础上进行详细的划分：

　　段落(paragraphs)

　　引用(blockquotes)

　　地址(addresses)

　　列表(lists)

　　表单(forms)

　　表格(tables)

　　其他(etc).

　　最后,我按照样式类型组织CSS声明

　　位置样式(positioning styles)

　　浮动/清除浮动样式(float/clear styles)

　　显示/可见样式(display/visibility styles)

　　空间样式(spacing styles)(margin, padding, border)

　　尺寸样式(dimensions styles)

　　排版相关样式(typography-related styles)(line-height, color, etc.)

　　其他样式(miscellaneous styles)(list-style, cursors, etc.)

　　许多人喜欢根据声明的字母顺序来排列，这种方法对我来说可能不太适合，但可能对你来说会非常适合。不过一旦你选择了任何组织方法，就最好坚持下去以保持其统一性。