主题
01 · HTML CSS 基础
HTML 骨架与标签、CSS 选择器/盒模型/浮动/定位、Flex、学成在线与小兔鲜儿两个静态项目。
本模块共 42 个教学单元、314 段视频、约 46 小时 22 分。
学习顺序
| # | 单元 | 视频数 | 时长 |
|---|---|---|---|
| 01 | HTML 基础（一） | 8 | 1 小时 10 分 |
| 02 | HTML 基础（二） | 8 | 1 小时 18 分 |
| 03 | HTML 基础（三） | 7 | 1 小时 1 分 |
| 04 | HTML 进阶（一） | 7 | 1 小时 0 分 |
| 05 | HTML 进阶（二） | 7 | 1 小时 10 分 |
| 06 | HTML 进阶（三） | 6 | 50 分钟 |
| 07 | HTML 进阶（四） | 6 | 43 分钟 |
| 08 | CSS 基础（一） | 7 | 1 小时 22 分 |
| 09 | CSS 基础（二） | 7 | 56 分钟 |
| 10 | CSS 基础（三） | 7 | 59 分钟 |
| 11 | CSS 基础（四） | 7 | 49 分钟 |
| 12 | CSS 进阶（一） | 8 | 1 小时 31 分 |
| 13 | CSS 进阶（二） | 8 | 1 小时 17 分 |
| 14 | CSS 进阶（三） | 8 | 49 分钟 |
| 15 | CSS 进阶（四） | 7 | 49 分钟 |
| 16 | 盒子模型（一） | 8 | 1 小时 35 分 |
| 17 | 盒子模型（二） | 8 | 1 小时 9 分 |
| 18 | 盒子模型（三） | 8 | 1 小时 13 分 |
| 19 | 盒子模型（四） | 7 | 43 分钟 |
| 20 | Flex 布局（一） | 7 | 1 小时 29 分 |
| 21 | Flex 布局（二） | 7 | 1 小时 7 分 |
| 22 | Flex 布局（三） | 7 | 1 小时 3 分 |
| 23 | Flex 布局（四） | 6 | 53 分钟 |
| 24 | 学成在线（一） | 8 | 1 小时 21 分 |
| 25 | 学成在线（二） | 8 | 1 小时 13 分 |
| 26 | 学成在线（三） | 8 | 1 小时 12 分 |
| 27 | 学成在线（一） | 8 | 1 小时 28 分 |
| 28 | 学成在线（二） | 8 | 1 小时 11 分 |
| 29 | 学成在线（三） | 7 | 45 分钟 |
| 30 | CSS 高级（一） | 8 | 1 小时 20 分 |
| 31 | CSS 高级（二） | 8 | 1 小时 30 分 |
| 32 | CSS 高级（三） | 8 | 1 小时 13 分 |
| 33 | 小兔鲜儿（一） | 8 | 1 小时 15 分 |
| 34 | 小兔鲜儿（二） | 8 | 1 小时 3 分 |
| 35 | 小兔鲜儿（三） | 8 | 1 小时 1 分 |
| 36 | 小兔鲜儿（一） | 8 | 58 分钟 |
| 37 | 小兔鲜儿（二） | 7 | 1 小时 9 分 |
| 38 | 小兔鲜儿（三） | 7 | 47 分钟 |
| 39 | 小兔鲜儿（四） | 7 | 43 分钟 |
| 40 | 小兔鲜儿（一） | 8 | 1 小时 11 分 |
| 41 | 小兔鲜儿（二） | 8 | 53 分钟 |
| 42 | 小兔鲜儿（三） | 8 | 54 分钟 |
前置知识
无需编程基础；建议先完成环境准备（VS Code + Chrome）。