建站笔记 · 网页制作经验分享

精选

HTML / CSS 基础

结构与样式，网页的骨架与皮肤。

让页面动起来的交互逻辑。

现代化工程：Vue 与 Vite。

让页面不只是能用，而是好看、好用、舒服。

高频面试题整理，问答形式，温故而知新。

建站小工具

几个做网页时常用的小工具，纯前端实现，打开即用，数据不上传。

挑一个主色，自动给出 HEX / RGB / HSL 三种格式，并生成深浅梯度。

HEX#1b3a5b点击复制

RGBrgb(27, 58, 91)点击复制

HSLhsl(208, 54%, 23%)点击复制

拖动滑块调出 box-shadow，实时预览，一键复制 CSS。

水平 0px

垂直 10px

模糊 25px

扩展 0px

透明度 15%

box-shadow: 0 10px 25px 0 rgba(0,0,0,0.15);点击复制

两个颜色加一个角度，调出线性渐变，复制即用。

角度 135°

linear-gradient(135deg, #1b3a5b, #b4452f)点击复制

写文案、控字数时用，实时统计字符、不含空格字符与行数。

0字符

0不含空格

0词数

0行数

关于本站

这是一个用于记录和分享网页制作相关经验的个人站点，内容涵盖前端基础、框架学习、项目实战与服务器部署，所有文章均为个人学习与实践总结。

本站为非经营性个人网站，仅用于技术学习交流，不提供任何商业服务。如需交流探讨，欢迎在文章下方留言。