CSS常见分层方法

概要

image.png

为什么要分层？

image.png image.png image.png image.png

SMACSS

image.png image.png image.png

BEM

image.png image.png image.png

SUIT

image.png image.png

ACSS

image.png image.png

ITCSS

image.png image.png

参考的网站

CSS, Sass, SCSS, Compass, Less, BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS? 国外的
CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?_Sass, Compass, BEM, SMACSS, OOCSS, ACSS, CCSS 教程_w3cplus
https://www.w3cplus.com/css/css-layers.html

总结：

image.png