语义化结构、盒模型、Flex/Grid 与响应式，对接 frontend / full-stack 与 react-essentials 前置。
登录后追踪本课程进度 —登录
网页如何工作
浏览器、HTTP、DNS、HTML/CSS/JS 分工。
HTML 文档结构
doctype、head/body、常见语义标签。
文本、链接与媒体
标题段落、a、img、列表与表格。
HTML 表单
input、label、button、表单提交。
语义化与可访问性
nav/main/article、alt、aria 入门。
CSS 选择器与层叠
选择器、优先级、继承与变量。
盒模型与布局流
margin/padding/border、display、position。
Flexbox 布局
主轴、对齐、导航栏与卡片行。
Grid 布局
网格轨道、区域、页面骨架。
响应式设计
媒体查询、移动优先、viewport。
综合练习：静态课程页
仿制课程目录静态页，无 JS 框架。
框架与下一步
Tailwind、CSS Modules、进入 JavaScript/React。