-
调整box-shadow的关键是降低模糊半径、减小Y轴偏移、使用低透明度颜色，如02px8pxrgba(0,0,0,0.1)，避免纯黑阴影，采用多层柔和阴影提升层次感与自然度。
-
stopPropagation()用于阻止事件冒泡，需在子元素事件处理函数中调用；它只阻断传播路径，不影响默认行为，与preventDefault()功能不同。
-
CSS-in-JS本身不提供实时计算CSS属性的运行时引擎，其“动态性”本质是将JS计算能力暴露给样式层；关键在于合理组织props、状态与样式函数的调用链，避免在样式插值中触发Hook、耗时操作或强制同步回流。
-
边框设置需协同border-style、border-width、border-color三者，单独设color不声明style会导致边框消失；虚线等效果依赖style取值及width配合；border-radius过大易致边框断裂；表格collapse需table与单元格均设border才生效。
-
HTML5中清除浮动影响的五种方法：一、clear:both插入空元素；二、触发BFC（如overflow:hidden或display:flow-root）；三、伪元素clearfix方案；四、Flexbox替代浮动；五、CSSGrid布局。
-
老旧电脑HTML开发卡顿问题可通过四类方法解决：一、用Notepad++旧版轻量编辑；二、在FirefoxESR中手动启用HTML5相关配置；三、使用免安装的HTML工具箱网页版；四、部署原生Win32的FirHtml图形化编辑环境。
-
AMP不是性能优化工具，而是通过禁用自定义JS、限制CSS体积、强制资源懒加载等硬性约束来间接提升加载速度的性能导向内容发布协议。
-
按钮样式被覆盖是因优先级被更高权重规则劫持，需通过DevTools检查层叠顺序、调整引入顺序、增强选择器特异性或溯源CSS变量来解决。
-
GitHubPages必须显式启用并配置发布源才能生效，不能仅靠上传index.html；个人站点需用username.github.io命名仓库且放main分支根目录，项目站点则需在Settings→Pages中指定分支和文件夹，否则将返回404或显示代码浏览页。
-
Gutenverse不接管原生core/image区块，仅支持其自研gutenverse/image区块的对齐功能；需手动替换区块、检查HTML类名（如align-center）、确保主题支持alignwide/alignfull并避免CSS冲突。
-
通过为ion-content设置固定宽度并结合margin:0auto与Flexbox布局，可实现元素自身水平居中及其内部内容的水平垂直居中。
-
全局变量污染是多脚本共享window作用域时无意覆盖彼此状态的必然结果；var声明会自动挂载到window，而let/const不会；模块脚本默认严格模式且不污染全局；检测可用ESLint、快照比对或IIFE隔离。
-
直接赋值innerHTML会丢失脚本执行和样式加载，应使用DOMParser解析后动态注入并手动处理script标签，同时注意跨域、CSP限制及框架组件生命周期问题。
-
通过CSS可轻松修改ul列表样式，1.用list-style-type更换符号为square、circle或none；2.用list-style-image设置自定义图片符号；3.调整margin和padding控制缩进；4.使用background模拟符号实现更灵活布局。
-
为什么CSS选择器层级深会导致渲染变慢浏览器解析CSS时，是从右往左匹配的。比如.container.list.item:hover，它先找所有:hover元素，再往上逐层验证父级是否满足.item、.list、.container。层级越深，回溯越多，尤其在DOM庞大或频繁重绘时（如悬停、动画），CPU开销明显上升。深度≥4的选择器在ChromeDevTools的“Rendering”面板中常被标为“潜在性能问题”使用will-change或transform触发GPU加速时
