任务一：零基础HTML编码 代码地址：https://github.com/zhongshan1993/myIFE/blob/master/task01/task01_01/index.html; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_01/

任务二：零基础HTML及CSS编码（一） 代码地址：https://github.com/zhongshan1993/myIFE/tree/master/task01/task01_02; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_02/

任务三：三栏式布局 代码地址：https://github.com/zhongshan1993/myIFE/blob/gh-pages/task01/task01_03/index.html; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_03/

任务四：定位和居中问题 代码地址：https://github.com/zhongshan1993/myIFE/tree/gh-pages/task01/task01_04; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_04/

任务五：零基础HTML及CSS编码（二） 代码地址：https://github.com/zhongshan1993/myIFE/tree/gh-pages/task01/task01_05; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_05/

任务六：通过HTML及CSS模拟报纸排版 代码地址：https://github.com/zhongshan1993/myIFE/tree/gh-pages/task01/task01_06; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_06/

任务七：实现常见的技术产品官网的页面架构及样式布局 代码地址：https://github.com/zhongshan1993/myIFE/tree/gh-pages/task01/task01_07; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_07/

任务八：响应式网格（栅格化）布局 代码地址：https://github.com/zhongshan1993/myIFE/tree/gh-pages/task01/task01_08; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_08/

任务九：使用HTML/CSS实现一个复杂页面 代码地址：https://github.com/zhongshan1993/myIFE/tree/gh-pages/task01/task01_09; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_09/

任务十：Flexbox 布局练习 代码地址：https://github.com/zhongshan1993/myIFE/tree/gh-pages/task01/task01_10; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_10/

任务十一：移动Web页面布局实践

任务十二：学习CSS 3的新特性 代码地址：https://github.com/zhongshan1993/myIFE/tree/gh-pages/task01/task01_12; DEMO：http://zhongshan1993.github.io/myIFE/task01/task01_12/