很多人学前端卡住，不是卡在框架，而是卡在更早的地方：拿到一张设计稿，标签选不对，写出来的结构自己都不敢回头改；盒模型一算就崩，两个 div 怎么都并不到一行；样式写着写着开始堆 !important，最后没人敢动。这门《HTML&CSS核心基础》针对的就是这类缺口——它不教 React，不教工程化，只把最底层那层东西讲清楚。下面按几个具体问题，说说什么人该看、看完能回答什么。

一、先确认你是不是真的需要补这一课

如果你能用浏览器开发者工具定位到某个元素的对齐问题，并且清楚是外边距合并、浮动还是定位造成的，那这门课对你价值有限，可以直接跳到布局或 JS 相关的课程。但如果你符合下面任意一条，建议老老实实从头过一遍：

看到 <div> 就想用，语义标签 header、nav、main、article 说不清各自该放什么；
写 CSS 靠试，改一个数字刷一次页面，说不出为什么生效；
知道 flex 能横向排列，但被问到主轴、交叉轴、换行后对齐怎么变就含糊；
页面在电脑上好好的，窄一点就横向溢出，不知道怎么排查；
表单元素样式改不动，或者图片下方总多出一条缝，找不到原因。

这些不是「基础不牢」四个字能概括的，而是具体的知识点缺口。课程按缺口走，比按目录走更有用。

二、HTML 部分要解决的是结构判断力

标签本身不难背，难点在于面对一份内容时，你能不能在几秒内决定用什么结构。这门课把 HTML 拆成几类去练：文档结构类、文本内容类、列表与表格、表单控件、多媒体嵌入。重点不在记忆，而在判断——一段文字是段落还是标题层级里的某一级，一组链接是导航还是普通列表，一个输入框该配 label 还是 placeholder。

学完这部分，你应该能回答：为什么用语义标签对可访问性和后续维护有帮助？表格什么时候不该用来做布局？表单提交时 name 属性的作用是什么？如果这些问题答不上来，说明结构层还没打通。

三、CSS 部分真正难的是盒模型和层叠

选择器、颜色、字体这些属于看一遍就会的内容，课程的重心应该放在三块：盒模型、层叠与优先级、布局。

盒模型：content、padding、border、margin 四层怎么算宽度，box-sizing: border-box 改变了什么，外边距为什么会合并。
层叠与优先级：同为类选择器时谁赢，行内样式和 !important 分别在什么位置，继承来的样式为什么覆盖不掉。
布局：普通流、浮动、定位、flex 各自适合什么场景，flex 的轴与对齐属性怎么配合。

练习建议不要只抄案例。拿一个你已经熟悉的页面（比如某个后台表格页、一张卡片列表），只用手写 HTML 和 CSS 还原一遍，不引入任何库。卡住的地方，就是你真正要补的地方。

四、学完自测：几个必须能答的问题

给一个元素同时设置 width: 100px、padding: 10px、border: 1px，它在页面上占多宽？取决于哪个属性？
两个相邻的块级元素上下都有 margin，最终间距是多少，为什么？
父元素高度塌陷是怎么造成的，有哪几种常见处理方式？
flex 容器里子项换行后，align-content 和 align-items 分别控制什么？
移动端页面出现横向滚动条，你会按什么顺序排查？

能顺畅答出这五题，说明这门课的核心内容你已经吃透；答不出的那题，对应的章节值得二刷。

五、怎么用这份资料

建议按「看一段、写一段、改一段」的节奏走。每学完一个知识点，别急着往下翻，先在编辑器里造一个能暴露该知识点的最小例子，比如专门制造一次外边距合并，再亲手解掉它。案例部分不要照抄代码，先自己写，写完再对照，差异处往往就是你没意识到的规则。遇到布局问题，优先用开发者工具看盒模型面板，而不是反复改数值试。

这门课不承诺让你做出多炫的页面，它解决的是更实际的问题：让你之后学任何框架、看任何组件库源码时，不再被最底层的样式和结构绊住。