谁需要补上 HTML 与 CSS 这块地基
这门课解决的核心问题是：你连“网页结构”和“样式表现”的基本分工都说不清楚。很多转行者或零基础学员在接触 JavaScript、框架之前，直接跳入 Vue 或 React，结果连 `<div>` 和 `<span>` 的语义区别、盒模型（Box Model）中 margin 与 padding 的叠加规则都解释不明白。后果是代码写得“能跑”，但无法协作、无法调试、无法维护。这门课不教你“快速搭页”，而是强迫你建立对 HTML 标签语义、CSS 选择器优先级、布局机制（Float、Position、Flex）的底层认知。它适合完全没写过一行前端代码的人，也适合写过几百行代码但靠抄模板、对布局原理一窍不通的初级开发者。如果你正在准备面试，面试官问“BFC 是什么”“为什么行内元素设 height 不生效”，而你会心虚，那就该从这门课重新开始。
建议的学习路径：先啃标准，再动手改
不要一上来就追看视频。资料包中通常包含 HTML5 规范要点、CSS2/3 属性速查、以及若干套静态页面练习源文件。建议顺序是：第一周精读 HTML 结构部分，重点理解文档树（Document Tree）和渲染流程，手动在文本编辑器中写出 10 个结构完整的页面，不碰样式；第二周进入 CSS，先吃透盒模型和定位，再学 Flex，最后才碰 Grid（如果课程涉及）。每学一个章节，必须完成对应的“改错练习”：故意破坏一个页面的布局，观察浏览器渲染变化，再还原。资料中的案例代码不是让你直接复制，而是让你逐行注释掉某条 CSS，看页面崩在哪里，以此验证理解。遇到文档缺失的 API，优先查 MDN，不要依赖课程提供的非标准示例。
学完能独立做什么，以及资料如何配合
完成全部章节并独立重做所有练习后，你应能脱离教程，根据设计图（哪怕是粗糙的线框图）从零手写静态页面，并保证在主流浏览器中布局不崩坏。具体包括：能根据需求选择合适的 HTML 标签而非全用 div；能用纯 CSS 实现响应式断点（媒体查询）；能解释为什么某个元素溢出容器或层级异常。资料包中的“综合项目”（通常是一个多页面静态站点或后台框架雏形）是关键检验工具：先遮住答案，自己规划文件结构和样式层级，写完后与参考代码 diff，找出差异。如果卡在某处超过 30 分钟，返回查阅对应章节的注释文档。不要试图一次性背完所有 CSS 属性，而是建立“遇到问题→查文档→记录笔记”的习惯。这门课的终点不是“做完作业”，而是你下次看到任意网页时，能在脑中快速拆解其 HTML 结构与 CSS 类名组织逻辑。做不到这一点，说明底层认知尚未闭环，需重学布局章节。
课程目录
整理中，敬请期待。
