1,当css代码太多的时候需要通过一些方法来管理,这些方法的理论基础就是各自的CSS方法论
2,用模块化的方法
BEM 给每个用到样式的元素根据所处的 模块-元素-方法 来进行class的命名 避免多层嵌套
SUIT-CSS 按照 功能前缀-组件 连字符连接功能和组件 下划线连接功能和组件 相邻组件class和功能class
OOCSS 抽象出公共的 公用的 class
SMACSS 按照控制的样式的类型 基本类型 布局规则 组件样式 状态样式 主题样式
ITCSS 综合了多个方法的特点
3,CSS in JS 方法
大型项目中将css用js抽取到行内样式中,全部用js来控制
4,CSS module 方法
用modules参数使得每个元素的class有唯一的编码
5,PostCSS
6,Atomic CSS
7,要么抛弃CSS 要么增强CSS
8,CSS4中会有作用域的概念