UI版式设计

smacss规范

也许你听说过BEM方式管理css，但是命名确实很笨重。反正我是看不习惯的了。今天我们讲下smacss规范

大致如下：

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