Web项目的CSS文件结构组织及属性编写

CSS文件结构组织

1、基础（重置和默认）样式。统一浏览器差异， 设置部分标签的初始样式；
2、框架样式。网页布局结构；
3、功能辅助类Utility样式。浮动、清除浮动、定位、内外边距、字体家族及粗细、文本对齐；
4、元素元件样式。按钮、输入框、loading、图标等；
5、页面组件和模块样式。导航、登录、注册、各种列表、评论、搜索、分页、面包屑导航等；
6、业务类样式。具体页面、嵌入式应用。
7、特殊功能、颜色和背景样式。字体颜色、字体大小、背景、几何图形…特殊功能、颜色和背景等，根据项目，或单独作一文件，或并入具体页面。

基本排版规范

小写、单行、多行选择器用逗号分行、每属性分号分割、单引号、缩进；

选择器内属性的顺序和组织