网页 开发
发布日期：2025-11-07 23:41浏览次数：
昨儿个又折腾一天网页开发，跟你们唠唠我踩的坑。这玩意儿看着简单，真动手才知道满地都是雷。
开干前的准备
早上先把浏览器、记事本软件和搜狗输入法都打开了。对！我直接用记事本写的！有人要喷就用记事本不专业是？我偏要试试手敲代码能惨到啥程度。桌面新建个文件夹叫“破网站”，里头啪嗒建了三个空白文件：主页.html、丑样式.css、乱脚本.js。
掉进HTML大坑
打开主页.html就开始敲：
- <!DOCTYPE html> 这行必写，不然浏览器犯傻
- <head>里塞个<title>，胡乱打上“张三的狗窝”
- <body>里面想搞个红色大标题，结果写成 <h1 style="red">欢迎</h1>，浏览器压根不认账
- 翻了半天手册才想起来颜色要用color:red;，气得灌了半杯凉水
CSS气得我砸键盘
想着样式单独抽出来写进丑样式.css：
- 给标题设个字体大小 font-size: 50px; 结果页面显示出来跟黄豆一样小
- 原来是把 px 错写成 py ，这破字母挨得太近！
- 想弄个按钮居中，margin: 0 auto; 死活不动弹，发现是忘写display:block
- 折腾俩小时才让按钮勉强站中间，累得我手抖
JavaScript要了老命
下午搞乱脚本.js想弄个点击特效：
- 写了 *('mybtn') ，结果网页说这玩意儿是 null
- 查半天发现是我把按钮id写成myBotton，脚本里却拼成myButton
- 好不容易弹出个对话框，点完整个页面变灰了死活关不掉，只能强关浏览器
- 发现alert后面多个分号都能整崩，这破语法比女朋友还难哄
浏览器打架现场
晚上以为搞定了，用不同浏览器打开一看：
- 谷歌上按钮是圆角的，火狐变成直角还往外飘
- 苹果手机打开直接文字叠罗汉
- 最绝的是某国产浏览器，居然把css动画吞了，整个页面静如瘫痪
瘫在椅子上盯着天花板，突然想到当年我师傅说的话：“做网页不是写代码，是在给几十个祖宗修祖坟，每个祖宗规矩都不一样！” 现在可算懂了。洗洗睡，明天接着给祖宗磕头。
微信便捷交流