CSS——CSS架构

CSS架构
　　在一个大型项目中，由于页面过多，导致CSS代码难以维护和开发。所以CSS架构可以帮助我们解决文件管理和文件划分等问题。
　　首先要对CSS进行模块化处理，一个模块负责一类操作行为。可利用Less和Scss实现。
划分：
　　文件夹 　　　　　　　　　　　　　　 含义
　　base 　　　　　　　　　　 一些初始的通用CSS，如重置默认样式，动画、工具、打印等
　　components 　　　　 　　　用于构建页面的所有组件，如按钮、表单、表格、弹窗等
　　layout 　　　　　　 　　 用于布局页面的不同部分，如页眉、页脚、弹性布局、网格布局等
　　pages 　　　　　　　　    放置页面之间不同的样式，如首页特殊样式、列表页特殊样式等
　　themes 　　　　　　　　　　 　　 应用不同的主题样式时，如卖家、买家、管理员等
　　abstracts 　　　　　　　　 　　 放置一些如：变量、函数、响应式等辅助开发的部分
　　vendors　　　　　　　　 　　 放置一些第三方独立的CSS文件，如Bootstrap、iconfont等