SMACSS——Scalable & Modular Architecture for CSS

可扩展的模块化CSS结构：

1. Basic(基础)：各种单一选择器，规定那些在整个项目里都统一的元素，比如统一各种元素的浏览器默认样式；
2. Layout(布局)：将页面分区块，使一至多个模块集合，比如头部、页脚、搜索框、主体；
3. Module(模块)：可重用的部件、组件，如边栏、弹出框等；
4. State(状态)：针对同样的元素，如模板或布局，在不同的环境下，如不同的浏览器、不同的分辨率下该如何呈现；
5. Theme(主题)：主题，类似于State，但范围更广。