【bilibili付费课程】B站：前端入门：从零开始做网站（完结）

如果你现在打开一个网页，能大概猜到标题在哪、按钮在哪、图片为什么挤在一起，但自己写的时候总是「差一点」——标签用混了，样式改了没反应，控制台报错看不懂，那么这套课正好卡在你的缺口上。它不绕弯子，目标很明确：让你从手写第一行标签开始，到最后能把一个静态站点放到服务器上。下面按「学之前该会什么、学完能回答什么、哪里容易卡住」来说。

它先补的是「结构感」，不是花哨效果

很多入门课喜欢先给你看一个炫酷的成品，再回头拆。这套课的顺序更老实：先弄明白网页到底由什么组成。列表、表格、表单、超链接这些标签，看着简单，但真让你排一个「注册页 + 数据展示页」，很多人第一次都写不利索。课程把这几块单独拆开讲，目的不是背标签，而是让你形成一种判断：什么时候用列表、什么时候用表格、什么内容必须放进表单里提交。这是后面所有布局的地基。

多媒体和语义标签那段也一样。音视频怎么嵌、语义标签为什么比一堆 div 更好读，学完你回头看别人的代码，至少能看懂结构意图，而不是只看到一堆嵌套。

CSS 部分不是「记属性」，是搞懂「为什么没生效」

样式这块最容易劝退。写了 color，字没变；写了 margin，没动静。问题常常不在属性本身，而在选择器优先级、层叠顺序、应用方式。课程专门把 CSS 的引入方式、伪类选择器拎出来讲，就是冲着这个痛点去的。伪类尤其典型：你点过的链接、鼠标悬停、输入框聚焦，这些状态变化背后都是它在起作用。把这块吃透，你调样式时就不会再靠瞎试。

学完你应该能回答这几个问题

• 一个页面从空白到有内容，HTML 负责什么，CSS 负责什么，两者边界在哪？
• 为什么同一个元素，两条样式规则会打架？谁赢，凭什么？
• 超链接跳转、表单提交、音视频加载，各自依赖什么属性？
• 语义标签写和不写，对后续维护意味着什么？

如果这些问题你现在答不上来，或者答得含糊，那说明你缺的不是「再做一个项目」，而是把基础概念对齐。这套课的价值就在这里。

配套练习建议：别只看，动手改

看视频很容易产生「我懂了」的错觉。建议每学完标签部分，自己默写一个简单页面，不看参考，写不出来就回去补。学到 CSS 时，故意改坏几条样式，观察控制台和页面变化，理解层叠和优先级。表单和超链接部分，试着做一个能提交、能跳转的小页面，哪怕样式很丑。最后把整个站点部署一次，哪怕只是静态托管，走完流程比什么都重要。

它适合完全零基础、或者学过一点但不成体系的人。如果你已经能熟练写 React，那这套课对你偏浅，不用浪费时间。但如果你正卡在「会用工具拼页面，却说不出为什么」的阶段，把它当一次系统补课，性价比不错。