（一）Introduction

1.预处理器(pre-processor)

• 按照特定的规则编写样式，预处理器会将该样式文件编译成正常规则编写的 CSS 文件
• 如：less/sass、cssNext 插件
  • cssNext 插件是用来实现一些未来标准的样式，暂未完全在各大浏览器中实现

2.后处理器(post-processor)

• 按照正常规则编写 CSS 文件，后处理器会将该样式文件按照caniuse网站的浏览器兼容情况，自动补齐相应的带前缀样式
  • -webkit-、-moz-、-o-、-ms-
• 如：autoprefixer 插件

（一）布局

• 浮动：做文字环绕效果
• 弹性盒：单行或单列布局
• 网格：多行多列布局

1.弹性盒

详细文档见 MDN

弹性盒小游戏