html+css网页设计教程哪里好？免费资源下载学习！

发布日期： 2025-09-16 阅读量： 作者： admin

今天捣鼓了个简单网页，从新建txt文档开始搞起。先建了个空文件改名，顺手又建了个，俩文件就并排扔在桌面文件夹里。

第一步：搭框架

用记事本打开html文件就敲键盘，开头永远那句，接着包住和。手滑漏了反斜杠被坑了好几次，浏览器打开全是乱码。后来学乖了，里先粘上，再把css文件用拽进来。

在里瞎编了标题和段落：

保存后迫不及待用浏览器打开——结果丑得眼疼！字挤在左上角，整个页面像白纸贴了几块胶布。

开css文件直接怼body标签：

接着折腾标题：

最头疼的是图片处理：在div里粘了，但死活不显示。折腾半天才发现图片路径写成/Desktop/*，实际上该用../Desktop/*，改完瞬间出现！

发现段落挤在屏幕边缘难受：

给图片框加戏：

虽然折腾了俩小时，但最终成品意外顺眼：暖色调背景衬着绿色标题，圆角图片框带点小互动，段落舒舒服服躺在页面中央。最有成就感是手动调出来的阴影效果，试了二十多次box-shadow数值才找到合适的深浅度。

过程中犯蠢五六回：忘记关标签逼得疯狂F5，css属性名打错字母查半天，颜色值少了个#号显示纯黑吓一跳...不过亲手把白纸变成有模有样的小网页，这种快乐可比刷手机实在多！