任务一：零基础HTNL编码
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task01
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task01/index.html
任务二：零基础HTML及CSS编码（一）
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task02
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task02/index.html
任务三：三栏式布局
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task03
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task03/index.html
任务四：定位和居中问题
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task04
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task04/index.html
任务五：零基础HTML及CSS编码（二）
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task05
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task05/index.html
任务六：通过HTML及CSS模拟报纸排版
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task06
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task06/index.html
任务七：实现常见的技术产品官网的页面架构及样式布局
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task07
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task07/index.html
任务八：响应式网格（栅格化）布局
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task08
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task08/index.html
任务九：使用HTML/CSS实现一个复杂页面
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task09
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task09/index.html
任务十：Flexbox 布局练习
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task10
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task10/index.html
任务十一：移动Web页面布局实践
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task11
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task11/index.html
任务十二：学习CSS 3的新特性
代码地址 https://github.com/Sagitarioo/BaiduIFE/tree/master/firstgrade/task12
演示 https://sagitarioo.github.io/BaiduIFE/firstgrade/task12/index.html