-
显示器色彩空间不一致导致偏色，macOS默认DisplayP3而Windows多为sRGB，需统一使用sRGB输出、明确标注色彩空间并避免非标准CSS属性。
-
script标签应默认放在</body>前，确保DOM就绪且不阻塞渲染；必须放<head>时用defer，独立脚本可用async；路径以HTML所在目录为基准；type="module"启用严格模式并隔离作用域。
-
CSS颜色动画默认在sRGB空间线性插值导致视觉偏暗，LCH/OKLCH空间可改善但需浏览器支持（Chrome112+/Safari16.4+），兼容性差时需JS计算或预设多帧降级，且alpha通道始终独立线性插值。
-
text-decoration-color在Chrome60+、Firefox36+、Edge79+（Chromium版）及Safari12.1+中可用，旧版Safari和IE完全不支持；需与text-decoration-line同时使用才生效，不继承但默认取父级color，精细控制应采用伪元素替代。
-
本文详解如何在使用FetchAPI动态生成HTML表格时，为每行“删除”按钮准确绑定对应任务ID，并通过事件委托实现高效、可维护的删除逻辑，避免ID丢失或作用域混乱问题。
-
Bootstrap和TailwindCSS均可高效实现导航栏布局。Bootstrap通过预设组件类快速构建响应式导航栏，如使用navbar、navbar-expand-lg等类；Tailwind则通过实用类组合灵活设计，如flex、hiddenmd:flex实现布局与响应式。两者均需处理移动端交互，Bootstrap内置JavaScript支持，Tailwind需额外编写脚本。项目可根据开发效率与定制需求选择合适方案。
-
根本原因是input默认content-box盒模型导致width+padding超宽；需统一设border-box并覆盖所有表单元素，注意IE兼容性、第三方库覆盖及height与line-height手动对齐。
-
答案：优化CSS盒模型需以box-sizing:border-box为前提，明确padding、margin、border的职责分离。padding控制内容内边距，margin管理元素外间距，border定义视觉边界；通过全局设置border-box实现直观尺寸控制，简化响应式布局；利用padding保障内容可读性，用margin实现组件间稳定间距，避免外边距合并可通过BFC或统一间距方向解决；border除视觉分隔外，还可用于状态提示、几何图形生成及布局调试，结合CSS变量提升可维护性，兼顾性能与语义化
-
innerHTML获取的是浏览器解析后的DOM内容，而非原始HTML字符串；因此<被解析为<，故innerHTML返回的是<而非<。
-
应先判断焦点是否在可编辑元素内，再处理快捷键：检查document.activeElement的tagName是否为'INPUT'、'TEXTAREA'、'SELECT'，并补充!event.target.isContentEditable判断；优先使用keydown而非keyup，及时触发并调用event.preventDefault()拦截默认行为；避开Alt键组合以防系统级冲突，Mac用metaKey、Windows/Linux用ctrlKey；快捷键面板需状态同步、aria-hidden控制可访问
-
background-size和background-position可精准控制背景图的缩放与定位。使用cover或contain能使图像适配容器，结合center、top等定位值可实现居中或特定偏移，常用于全屏背景、雪碧图和响应式设计，提升视觉表现与布局契合度。
-
Math.sign()返回数值符号：正数（含Infinity）为1，负数（含-Infinity）为-1，0和-0分别返回0和-0，非数字返回NaN；用于符号分支、方向归一化等场景。
-
浮动元素末尾塌陷的根源是父容器高度塌陷，而非单纯外边距问题；应优先用clearfix、overflow:hidden或改用flex/grid布局来治本，calc()和:nth-child仅属临时补救。
-
首先确认HTML文件已保存且路径正确，再通过安装LiveServer扩展并右键选择“OpenwithLiveServer”运行；若未保存或文件不存在则会导致找不到文件；也可手动在浏览器中打开文件验证路径；同时确保项目以文件夹形式打开，并检查launch.json和settings.json配置是否正确。
-
在Vue3（OptionsAPI）中实现带数量限制的复选框组：用户最多可选3项，超出后未选中的选项自动禁用，而已选中的仍保持可取消状态，确保交互逻辑合理、体验流畅。
