-
CSS变量不能直接用于定位属性如top，必须用calc()包裹；变量值须带单位，否则calc()无法解析；margin等属性可直用var()，z-index等不支持；@keyframes中var()基本无效。
-
:hover触发放大阴影需加transition实现平滑动画，用transform:scale()和完整box-shadow值，显式设初始态，行内元素需display:inline-block，移动端应兼容touch事件并避免父容器overflow:hidden或transform裁剪。
-
rgba()不解析CSS变量，因var(--color)返回字符串而非数值参数，导致声明失效；须拆分RGB为独立变量或逗号分隔字符串，再组合使用。
-
真正发光需2–3层text-shadow叠加，内层小模糊（2–4px）+外层大模糊（8–20px），颜色由实色渐变至半透，偏移量必须为0，且需依背景色调整配色与透明度。
-
WebWorker适合处理大体积JSON解析、结构化缓存反序列化、缓存数据聚合/过滤三类CPU密集型操作；需通过postMessage通信，主线程中转更新响应式状态，并注意消息体限制、Worker复用及组件卸载清理。
-
flex-basis是分配空间前的初始基准，非固定值；优先用0px而非0%，因0%在旧版Safari中可能回退为auto导致布局错乱，且需配合min-width:0解除隐式最小尺寸限制。
-
Vue2中watch默认监听不到数组索引赋值（如arr[0]=newValue）和修改length的变化，因Object.defineProperty无法拦截；响应式操作有push、pop、shift、unshift、splice、sort、reverse；非响应式操作包括索引赋值、length修改及直接替换引用（除非deep:true）。
-
CSS工具与框架旨在解决手写CSS的维护难、一致性差、响应式繁琐及兼容性问题，通过标准化重复劳动、自动化易错环节来提升开发效率与协作质量。
-
可通过浏览器开发者工具临时修改网页内容。一、右键“检查”进入Elements面板，双击编辑文本或“EditasHTML”调整结构；二、在Console执行JavaScript代码，用innerText或innerHTML批量修改元素内容；三、右键复制修改后的outerHTML，粘贴保存为.html文件以保留更改；四、安装“WebScraper”等插件，通过可视化界面高效编辑并导出结果。
-
应禁用触摸设备的:hover动画，使用@media(hover:none)或(any-hover:none)精准拦截；卡片默认静态，仅在(hover:hover)且(pointer:fine)时启用transform/opacity动画；iOS点击跳变需加-webkit-tap-highlight-color:transparent和touch-action:manipulation。
-
CSS变量需用var(--name)配合:root定义，支持作用域覆盖、fallback链和JS动态修改，但不兼容IE，且不能用于@keyframes或content属性。
-
CSS动画缩放偏差的根源是单位参照系不统一：px被二次缩放，%和rem依赖动态基准，导致错层；唯一稳定方案是全程使用vw/vh视口单位配合calc()，禁用混用单位与布局属性。
-
需将结构化数据转为HTML网页呈现，常用方法有五种：一、用pandas库的to_html()生成表格；二、手动拼接HTML字符串处理小规模JSON；三、JavaScript前端动态渲染；四、Jinja2模板引擎实现样式化输出；五、在线工具快速转换。
-
首先配置EditPlus中浏览器路径，再关联HTML文件类型，接着通过工具菜单或F8键运行HTML文件预览，最后可使用内置模板快速创建标准HTML结构并查看效果。
-
Safari视差失效因合成降级，需加translateZ(0)强制硬件加速；scroll事件应监听document.scrollingElement.scrollTop；touchend需补帧防跳变；纯CSS视差仅Chromium支持。
