很多初学者在接触前端开发时，容易陷入“只懂理论不懂布局”的困境。这门由杨胜强老师讲授的 HTML 与 CSS 课程，核心解决的是网页静态结构搭建与基础样式美化问题。它不追求复杂的交互逻辑，而是专注于让你理解浏览器如何解析标签，以及层叠样式表如何控制元素的位置、颜色与间距。对于希望转行进入互联网行业，或者需要独立维护公司官网、制作产品宣传页的职场人来说，这是最基础也是最底层的技能模块。
这门课适合零基础的初学者，或者对网页结构感到困惑的初级开发者。你不需要提前掌握 JavaScript 或其他编程语言，只要具备基本的计算机操作能力即可开始。但如果你已经熟练掌握 Flex 或 Grid 布局，且正在研究响应式高级技巧，这门课可能略显基础，建议直接跳过高阶部分，或将其作为查漏补缺的参考。
建议优先聚焦于 HTML 语义化标签的使用逻辑，以及 CSS 盒模型与定位机制。很多初学者容易忽视标签的选择，导致页面可访问性差；或者在 CSS 中盲目使用浮动，造成布局错乱。课程中关于文档流、块级与行内元素特性的讲解，是构建稳固网页骨架的关键。在练习时，不要只盯着代码看，务必打开浏览器开发者工具，实时观察修改样式后的渲染变化，这种即时反馈是理解 CSS 机制的最快途径。
学完这门课，你应当能够独立完成一个结构清晰、样式规范的静态网页。具体表现为：能够使用语义化标签搭建出符合 SEO 要求的页面框架，熟练运用内边距、外边距和边框控制元素间距，并能通过简单的选择器设置文本样式和背景。更重要的是，你能够排查常见的布局问题，如元素重叠、间距异常等，而不再依赖“试错法”。
资料包中的视频课程是核心，建议结合配套的练习代码进行跟练。每个章节结束后，尝试脱离视频，独立复现类似的页面效果。初期可以参照示例代码，中期尝试修改参数观察变化，后期则应根据设计要求从零编写样式。如果在学习过程中遇到布局难题，可以先理清元素的父子关系和定位属性，再逐步调整数值。这种“结构先行，样式跟进”的思维习惯，将为你后续学习 JavaScript 及前端框架打下坚实基础。
课程目录
整理中，敬请期待。
