《零基础学HTML+CSS(第2版)》随书光盘视频教程

这本《零基础学HTML+CSS(第2版)》随书光盘视频教程，年代不算新，配套的是早期视频加光盘资料。放在今天看，它不解决"前端还能不能入行"这种大问题，它解决的是一个更具体的小需求：你想把网页的结构和样式这两件事真正弄明白，而不是靠复制代码拼出一个看起来能跑的页面。

它对应的是哪些工作场景

最典型的有这么几类。运营或行政岗被安排维护公司官网、活动落地页，后台编辑器里的排版总是对不齐，改一个间距要试半天；产品、设计同事给你一张稿子，你需要在没有框架、没有构建工具的情况下，先写出一个能打开的静态页面，确认结构合不合理；还有一部分人是准备考软考或转岗，需要补充前端基础，但不想一上来就被 Vue、React 的工程配置劝退。

这些场景的共同点是：不需要你会写复杂交互，但要求你能看懂 HTML 标签的语义、能分清 CSS 的盒模型和层叠关系。这门课覆盖的正是这块地板。

学完之后能独立做什么

把内容跟着过一遍，并且自己动手敲一遍的话，你应该能做到：根据一张设计稿，从零手写一个多区块的静态页面，包括导航、内容区、表格、表单和页脚；用选择器把样式组织起来，而不是每个元素都挂行内样式；遇到元素错位、高度塌陷、文字不居中这类常见问题时，知道往哪个方向排查，而不是反复刷新看有没有变化。

说清楚一点：它不会让你学完就能接商业前端项目。这套资料停在没有 JavaScript、没有响应式布局、没有工程化的阶段，动态效果和移动端适配都不在范围内。把它当作"看懂网页骨架"的入门材料更实在。

资料适合什么基础的人

• 完全没碰过代码，能熟练用电脑，愿意照着视频暂停、敲、再继续，那就合适。
• 已经能写一点页面但概念都是模模糊糊的，这套视频可以当补课，重点看盒模型、浮动、定位这几块。
• 指望直接对标当前企业招聘要求、想学组件化和现代工具链的，这套资料帮不上忙，别为它花钱。

另外，视频录制时间偏早，里面的写法有些已经不再是主流做法，比如部分布局用了浮动方案。学的时候要有个意识：这些是当年的通行解法，理解原理有价值，但不必当成唯一答案。

怎么用这套资料，效率更高

建议不要只"看"视频。每看完一小节，关掉播放器，凭记忆把示例重写一遍，写不出来再回去看，这个循环比连续刷完所有视频有用得多。重点章节（选择器、盒模型、浮动与清除、定位）值得反复看两三遍。

书和视频是配合关系：书用来查概念和属性表，视频用来演示操作过程。遇到记不住的属性，别死背，去书上翻一遍，用几次自然就熟了。

最后，给自己定一个输出的目标：做完课程后，找一个你日常会打开的网站，把它的首页结构照着还原一次。这个过程会暴露你真正没学会的地方，也是这门课能不能算"学完"的分界线。