什么是文件分割,何时使用

良好的CSS架构的应该有合理的文件组织。整体文件适合单独的开发人员或非常小的项目。对于大型项目(具有多

种布局和内容类型的站点,或在同一设计框架下具有多个品牌的站点),使用模块化方法并将CSS拆分为多个文件

更为明智。

跨文件拆分CSS可以更轻松地将任务打包给团队。一个开发人员可以处理与排版相关的样式,而另一个开发人员可

以专注于开发网格组件。团队可以合理地分工并提高整体生产率。

这是一个虚拟的CSS结构:

reset.css:重置和规范化样式;颜色,边框或字体相关的声明

typography.css:标题和正文文本的字体,粗细,行高,大小和样式

layouts.css:管理页面布局和分段(包括网格)的样式

forms.css:表单控件和标签的样式

list.css:特定于列表的样式

table.css:表格专用样式

carousel.css:轮播组件所需的样式

accordion.css:手风琴组件的样式