昨儿个群里有人问网页设计咋入门，我想着自己刚折腾完公司官网，干脆把踩过的坑捋一遍。工具就用最土的记事本加浏览器，反正新手整太花哨的反而蒙圈。
一、开头就卡在安装上
想着装个正经编辑器显得专业点，结果VS Code插件安一半死活连不上服务器。一怒之下直接开windows自带记事本开干，后缀名改成html扔桌面完事儿。发现谷歌浏览器开本地文件总报错，原来得在地址栏手动输file:///C:/Users/桌面/狗屁网页.html 这种路径才认（真他妈反人类）。
二、配色当场翻车
学人家搞渐变色背景，代码抄得挺溜，结果预览出来跟荧光绿袜子配大红袄似的。突然想起来上周楼下水果店海报挺顺眼，偷摸用手机取色器吸了人家招牌颜色，回来把十六进制代码#FF6B6B和#4ECDC4这俩数填进去，果然顺眼多了——所以说街上溜达比看设计理论管用。
- 字体尺寸坑：12px小得像蚂蚁卵，24px又大的像街边清仓甩卖招牌
- 行高玄学：1.5太挤1.8太散，设成1.65才像人看的
- 图片压变形: 随手拽了张2000x1000的图塞进300x200框里，猫脸拉成丝瓜
三、手机预览直接崩了
电脑上看排版挺美滋滋，用手机打开直接乱成二维码。赶紧在head里塞了这行救命符： 顺便把百分号宽度换成max-width:100%，这才算能看。
四、按钮死活点不动
照着教程做了个蓝色圆角按钮，屁用没有。排查半天发现把onclick="alert('恭喜')"写成onclock了...改完又测试二十遍才放心。更蠢的是加超链接忘记写href="#"，光秃秃的标签跟摆设似的。
五、深夜赶工发现秘密
凌晨两点改footer版权信息时，偶然按了ctrl+shift+i打开调试工具。左边改代码右边即时生效，调间距不用反复保存刷新，效率飙升十倍。上传发现图片全裂了，原来用的本地路径C:\图片\猫.jpg，换成同名文件扔同一文件夹才算完。
现在回头看那堆代码，div叠得比煎饼果子还厚，css里!important满天飞。但客户反正验收通过了，能跑起来的网页就是好网页。新手记着五件事：配色街上偷、手机测试要趁早、按钮多戳几下、调试工具开天眼、图片路径别放C盘——省下的时间够你搓三把王者荣耀了。
（刚发现footer版权年份写的2023，又得重传...）
