盒模型

活动页要个动态波浪背景，前后做了三版 🌊。PNG 背景图、canvas 实时波动、SVG 路径动画，每版都有教…

页头一张通栏大图压住首屏，是市场页与内容页都常用的开场。结构极简，一张图加一段标题，四行 CSS 决定最终质感…

把几张切片图挨着摆，拼成一张完整横幅，结果每张之间都有约四像素的白缝。缝隙不是图片问题，是 HTML 的空白符…

给 table 写了 text-align:left 或者 margin:0，表格仍然居中或者偏右，是布局调试…

header、nav、footer 在窄屏只占内容宽度，多数是 flex 交叉轴对齐、残留定位与盒模型三处。含…

图片阴影写在 img 的盒模型边上，透明 PNG 才需要滤镜。四参数含义、最小可靠写法与三个常见失误。

浮动元素脱离普通流会让父容器塌零。四种清除方案的副作用对比、推荐写法与断点中的四个坑。