任务一：零基础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