• 结构三剑客：
  、

  、
• 内容容器：
  、
• 文字排版：

  、

新手常踩的坑

有次我写了半天代码不显示，最后发现把拼成了。建议安装Live Server插件，它能实时显示修改效果，还能自动纠正常见拼写错误。

CSS让网页变时装秀

学CSS那会儿，我沉迷调整阴影效果无法自拔。掌握这几个属性，你的网页就能秒变高级：

配色急救包

刚开始总把网页配成调色盘，后来发现Adobe Color的配色工具超好用。记住60-30-10法则：主色占60%，辅助色30%，点缀色10%。

JavaScript赋予灵魂

第一次让按钮弹出"Hello World"时，我激动地拍了半小时屏幕。其实日常交互用这些就够了：

• 点击事件监听
• 表单验证
• 数据存储（localStorage）
• 动态加载内容

有本书叫《JavaScript DOM编程艺术》，我当年边看边敲代码，三个月就能做出带交互的留言板了。现在回头看虽然方法笨，但打基础特别扎实。

遇到问题怎么办？

有次我的导航栏死活不居中，在Stack Overflow提问时才发现忘了设置display:flex。推荐三个救命网站：

• MDN Web Docs（官方文档）
• CSS-Tricks（解决方案库）
• CodePen（灵感来源）

最近在教表弟做毕业设计网站，看着他从一开始的手忙脚乱到能自己调试媒体查询，突然想起自己当初对着屏幕抓耳挠腮的样子。网页设计就像学骑自行车，开始会摔几次，但找到平衡点后就能自由驰骋了。