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