代码作业预览

1. 实现一个两栏布局，左侧固定宽度200px，右侧自适应宽度：作业1
2. 实现一个三栏布局，两侧固定宽度200px，中间宽度自适应撑满：作业2
3. 块级元素固定宽度，水平居中：作业3
4. 大段文字在容器内水平垂直居中：作业4
5. 并列三个按钮，在父容器内水平居中：作业5
6. 图片在容器内水平垂直居中，容器宽高大于图片宽高：作业6
7. 固定宽高的块在浏览器窗口水平垂直居中：作业7
8. 不定宽高的块在浏览器窗口水平垂直居中：作业8

CSS reset

将浏览器的默认样式全部去掉，就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。

CSS预处理器

CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题。

post CSS

PostCSS 本身是一个功能比较单一的工具。它能够用 JavaScript 代码来处理 CSS，负责把 CSS 代码解析成抽象语法树结构（Abstract Syntax Tree，AST），再交由插件来进行处理。PostCSS 的主要功能只有两个：第一个就是把 CSS 解析成 JavaScript 可以操作的 AST，第二个就是调用插件来处理 AST 并得到结果。