smacss规范
也许你听说过BEM方式管理css,但是命名确实很笨重。反正我是看不习惯的了。今天我们讲下smacss规范
大致如下:
- 基础规则
- 基础规则就是统一浏览器的那段css代码,当然还可以自己添加,我主要理解是对标签的基础操作。是每个标签的默认样式。
- 布局
- 布局,每个网站或者应用,都有它的大致轮廓,比如头部,主体,页脚,侧栏。如果你开发过后台的页面,会发现页面其实有一部分是不变的。
- 模块
- 模块,模块基本都是有自己的名字。如果布局时页面的骨骼,那么模块便是页面的血肉,模块尽量减少对外的污染。相当于独立的空间
- 状态
- 状态主要是修改模块的变化。相当于模块的表情。比如常见的菜单的激活类,active类
- 主题
- 主题相当于你的穿着风格。统一页面的风格。