首页 > 代码库 > SMACSS——Scalable & Modular Architecture for CSS

SMACSS——Scalable & Modular Architecture for CSS

可扩展的模块化CSS结构:

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