-
Canvas骨骼动画靠自行实现骨骼变换、顶点混合与插值逻辑，主流用requestAnimationFrame驱动+矩阵运算更新transform，配合save/restore或手动顶点计算绘制；SVG无原生骨骼支持，仅能通过<g>嵌套和JS/CSS驱动transform模拟简单层级，无法实现蒙皮、权重混合与IK。
-
margin:auto在flex容器中失效，因需满足块级元素、父为display:flex、未设flex收缩/拉伸属性等前提；常见因父容器未设align-items/justify-content或子元素被flex:1撑满导致无剩余空间。
-
拖放功能需满足三要素：设draggable="true"、dragstart中调用dataTransfer.setData()并preventDefault()、dragover中必须preventDefault()；否则drop事件不触发。
-
直接套用SVG作border-image会变形，因stretch拉伸破坏虚线节奏；需拆path为四段、留空四角，用border-image-slice:20fill并确保viewBox匹配border-width，禁用stroke-linecap:round，且border-radius≤border-width/2。
-
实现卡片墙布局的关键是使用CSSGrid或Flexbox。Grid通过display:grid、grid-template-columns:repeat(auto-fill,minmax(250px,1fr))和gap实现二维响应式布局；Flexbox利用display:flex、flex-wrap:wrap和flex:11250px实现一维换行排列；配合媒体查询调整小屏下的间距与宽度，确保响应式适配，推荐根据兼容性需求选择方案。
-
flex-wrap必须显式设为wrap才能换行，因其默认值nowrap会导致子项强制单行溢出；配合flex-basis、flex-grow/shrink及媒体查询可实现可靠响应式布局。
-
本文详解如何通过纯HTML+CSS+内联SVG快速创建美观、自适应、无依赖的波浪形页面分隔区，适用于首页Banner下方、章节过渡等场景，无需第三方库，兼容主流浏览器。
-
不能只靠一个元素，因为所有box-shadow白点固定在元素坐标系中无法独立运动；需分3–5层div，每层用不同animation-duration、linear缓动及transform:translateY()实现匀速飘移，配合1px+零模糊box-shadow模拟锐利白点，并为每层添加will-change:transform和translateZ(0)修复Safari兼容性。
-
屏幕阅读器主要识别影响可访问性树和焦点流的CSS样式，如display:none会彻底移除元素，而opacity:0或绝对定位仍保留在可访问性树中；需配合ARIA属性与语义HTML协同工作。
-
首先使用现代浏览器直接打开HTML5应用，若资源加载异常则检查控制台报错；其次可搭建本地服务器环境，通过Node.js安装http-server并运行服务访问localhost:8080；还可利用VSCode等编辑器的LiveServer插件实现热更新预览；对于移动端需求，能用Cordova或Capacitor将应用打包为APK或IPA文件后部署到设备运行。
-
现代CSS提供:is()和:where()扁平化嵌套选择器，前者继承最高权重，后者恒为0权重；CSS变量应语义化、局部化声明；all:revert可隔离第三方样式；@layer管理层叠顺序而非命名冲突。
-
position:static是默认值，元素按文档流排布且top/right/bottom/left/z-index无效；relative相对自身定位但不脱离文档流；absolute脱离文档流并相对于最近已定位祖先定位；fixed相对于视口固定；sticky在阈值内relative、超出后fixed。
-
支持，但需起始和结束状态均显式声明确定的颜色值（如HEX/RGB/HSL），避免transparent、inherit或简写background覆盖导致插值失败；transition须写在初始状态规则中，时长200–400ms，推荐cubic-bezier(0.25,0.46,0.45,0.94)。
-
ChromeDevTools里怎么精准模拟iPhone14的viewport直接用设备预设不等于真实效果，iPhone14在DevTools的设备列表里对应的是393×852像素（逻辑像素），但关键在devicePixelRatio必须设为3，否则媒体查询里的min-resolution:3dppx或min--webkit-device-pixel-ratio:3就不会触发。实操建议：打开DevTools→Toggledevicetoolbar
-
Flex通过flex-wrap和flex-basis间接控制列数，如calc(50%-1rem)实现两列、calc(33.333%-1rem)实现三列；Grid用repeat(auto-fit,minmax(280px,1fr))自动适配列数，需注意IE11回退及viewport设置。
