会伸缩的网页最好命:响应式 layout 懒人笔记 别被“响应式”三个字吓到,它其实就是让网页像橡皮筋一样,不管手机、平板还是 27 寸大屏,都能自动撑满最合适的样子。下面这份笔记把我踩过的坑浓缩成几页纸,跟着抄代码就能跑,顺路告诉你为什么省下的维护时间足够多喝三杯奶茶。1. 先弄清楚... 编程知识 11-12 128 0
从“套娃 div”到“语义 Grid”:多列布局的逃生路线 早期网页就像用纸箱拼家具,全是 <div id="left">、<div id="right">,能住但丑;后来 HTML5 送来语义乐高,再配合 Flexbox/Gri... 编程知识 11-09 138 0
head 里的暗号:网页元数据这样写才靠谱 访客看不见,浏览器却先扫一遍——这就是 <head> 的活儿。 它像快递单,写清“发件人、收件人、物品清单”,物流才能快速分拣。 核心暗号就这几行,CV 即可:字符集放最前,别让中文变豆腐<meta charse... 编程知识 11-09 161 0
让网页动起来:JavaScript 三种“插法”与一锅端基础 HTML 搭骨架,CSS 化彩妆,JavaScript 给网页装心脏。 想让按钮一点就蹦跶,有三种把 JS 塞进页面的办法:内联——图省事<button onclick="alert('点我干啥')">... 编程知识 11-02 149 0
别瞎 ../../ 了!文件路径一把梭 路径写错,服务器直接 404 给你看。记住两句话: “出门”用绝对,“宅家”用相对。一、绝对路径——直接报门牌号<img src="https://cdn.example.com/img/pic.jpg"&... 编程知识 11-02 151 0