师傅带徒弟学：HTML+CSS视频教程

先判断值不值得学：这门课解决什么工作场景

这套 HTML 与 CSS 视频资料，解决的是“从零开始把页面骨架搭出来、再用样式控制视觉呈现”这个最基础的工作场景。如果你平时在做内容运营、活动策划、后台维护，偶尔需要调整一段文字的颜色、改一个落地页的排版、或者给后台表单套一层好看的样式，却完全看不懂源码，这门课就是补这块底子的。它不涉及复杂的逻辑判断，也不讲后端交互，核心只做两件事：用 HTML 把内容结构化地摆到页面上，用 CSS 控制这些内容的颜色、字体、间距和布局。学完之后，你面对一段现成的网页源码，能看懂每一行标签在控制什么，遇到简单的排版问题能自己动手改，而不是只能截图找开发帮忙。

适合什么基础，建议先看哪几块

这门资料适合完全没写过代码的纯零基础读者，对数学和逻辑能力几乎没有要求，只要能记住几十个常用标签和属性的含义即可。如果你已经能熟练手写 div 加浮动布局，这套内容对你来说过于浅，不必再过一遍。建议初次接触的读者，先集中看 HTML 部分的文档结构、图像、超链接、表格和表单这几块，把页面里有什么元素、用什么标签包起来搞清楚；接着直接跳到 CSS 部分的选择器、字体属性和盒子模式。盒子模式是整个样式表里最关键的概念，它决定了你能不能把一个元素摆到想要的位置，以及能不能算清边距和边框的叠加关系。把这几块看明白，其他零散的属性可以当字典查，不必按顺序死记。

学完能独立做什么，资料怎么配合练习

跟着这套资料走完，你能独立做出一个结构完整的静态展示页，比如个人简历页、产品介绍页或者活动落地页，包含图文排版、列表展示、表格数据和一个能提交信息的表单界面。虽然它不会自己处理数据，但在视觉和结构上能独立成型。看视频时不要只听不动，强烈建议开两个窗口，一边播放一边用编辑器照着敲。每听完一个属性，就立刻在本地改一个参数，看看页面发生了什么变化，比如把超链接的颜色换掉、把盒子的内边距调大，用眼睛确认效果。到了后半段，直接找一张简单的网页设计图，尝试用学过的标签和盒子模式把它还原成静态页面。卡住的地方再回去定位对应的视频片段，这样比从头到尾被动看完一遍要有用得多。