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