当标题，结果文字窜到筐外头乐。折腾半小时才发现漏写闭合标签，跟冰箱门没关严一个道理。

半夜搞flex布局更邪门：

• 想着三个色块横着排
• 实际竖着叠罗汉
• 查了老教程才知道要加display:flex
• 主轴侧轴整得人晕车

第三步：手机电脑来回怼

在自己电脑上看排版挺美，发给表弟用手机一开，字小得要用放大镜。赶紧百度"让网页自己变胖瘦"，这才知道要加：

@media (max-width: 600px) {
.menu { 改成竖着排 }

调试时把浏览器窗口拖窄拖宽两百回，屏幕飘满红红绿绿的报错，不知道的以为我在拆炸弹。
第四步：让按钮活过来
加了个"点击抽奖"按钮，光秃秃的像块墓碑。搜到CSS动画教程，抄了段旋转代码，结果点一下转起来就停不住。在代码里塞了个clearInterval才制服它，这玩意儿跟野驴似的要勒缰绳。
JavaScript只学了三招够用：

点按钮变颜色
输密码时显示明文
图片像幻灯片那样轮播

第五步：厚着脸皮要差评
把做的饭店页扔亲友群，二姨说紫色背景配红字像殡仪馆海报。连夜改成米白底咖啡字，把14号字放大到16px，按钮加了个阴影让它鼓起来。关键是把电脑手机平板全试一遍，蹲马桶拿旧安卓机检查才算完。
现在回头看，最有用的是别贪多。上礼拜刚帮小区水果店改的页，总共就五张图加购买表单，评论区还在用最土的竖向排列。但店主说手机下单量翻倍了，能跑起来的就是好车，管它内饰多简陋。
最近发现个邪招——把做好的网页打印出来，拿红笔圈哪里看着别扭，比在屏幕上瞪眼管用十倍。下回试试让广场舞大妈们挑刺，估计又能发现新槽点...