CSS架构?

CSS架构?

在一个大型项目中,由于页面过多,导致CSS代码难以维护和开发,所以CSS架构可以帮助我们解决文件管理与文件划分等问题。

首先要对CSS进行模块化处理,一个模块负责一类操作行为。可利用sass或less来实现。

模块划分:然后在主scss里@import入其他文件下的scss达到整合在一起的目的

文件夹

含义

base

一些初始的通用CSS,如重置默认样式,动画,工具,打印等。

components

用于构建页面的所有组件,如按钮,表单,表格,弹窗等。

layout

用于布局页面的不同部分,如页眉,页脚,弹性布局,网格布局等

pages

放置页面之间不同的样式,如首页特殊样式,列表也特殊样式等

themes

应用不同的主题样式时,如管理员,买家,卖家等

abstract

放置一些如:变量,函数,响应式等辅助开发的部分

vendors

放置一些第三方独立的CSS文件,如bootstrap,iconfont等

发布了111 篇原创文章 · 获赞 0 · 访问量 1134

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 1024 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览