-
最常见的问题是漏掉inset关键字或位置错误；内阴影需紧接box-shadow后，且受padding、background、overflow影响易被遮挡或裁剪。
-
本文讲解如何通过CSS完全隔离React多页面的背景样式，避免全局body样式泄漏，实现App页面与Register页面各自独立、互不干扰的背景控制。
-
:where()内部选择器权重恒为0，故整个规则权重为0-0-0，天然不干扰后续样式优先级，适用于全局基础重置，但不支持嵌套伪类且存在Safari兼容性问题。
-
transition简写顺序不影响动画快慢或方向，但决定哪些子属性被显式设置、哪些回退到initial值；漏写项会导致其余项重置为默认值，且未声明transition-property时等效于all，易引发意外动画。
-
使用百分比宽度和媒体查询实现响应式卡片布局，结合flexbox、max-width、viewport标签等优化适配移动端，确保在不同屏幕尺寸下正常显示。
-
全局选择器*会污染所有元素的背景和盒模型，导致段落文字“嵌入”导航栏；宽泛标签选择器如ullia匹配过广易误伤；scoped环境下属性选择器易因大小写或注入失败失灵；BEM本质是样式责任边界协议，确保模块隔离与精准定位。
-
animation-play-state用于控制CSS动画的暂停与播放，其值为running或paused，默认为running；通过:hover或JavaScript可实现悬停暂停、点击切换等交互效果；作用于多动画时统一控制，保持当前帧状态，适用于轮播图等场景，提升用户体验。
-
答案：通过CSS的opacity、visibility和transform属性配合transition实现弹窗的显示与关闭动画。具体为：默认隐藏时设置opacity:0和visibility:hidden，添加.active类时opacity变为1且transform:scale(0.8)过渡到scale(1)，移除类时反向执行动画，JavaScript通过控制类的增减触发打开和关闭效果，点击遮罩或关闭按钮可移除.active类，从而完成带有淡入缩放效果的平滑关闭动画。
-
Promise并发控制指限制同时执行的异步任务数量，通过维护运行中任务数不超过上限，实现效率与稳定性的平衡，常用于批量请求场景。
-
最可靠方案是用Flex或Grid布局替代float/inline-block；Flex适用于均匀分布，Grid适合固定列数；需规避vertical-align和line-height导致的偏移及最后一行塌陷问题。
-
currentColor是CSS关键字，代表当前元素的color计算值，可自动继承文本颜色并用于fill、border-color等属性，适用于内联SVG和字体图标，现代浏览器及IE9+均支持。
-
使用<inputtype="search">可快速添加语义化搜索框，支持自动清除按钮、搜索建议及更好可访问性；需设name属性、合理搭配placeholder与form，并注意移动端适配和状态反馈。
-
videoseeked事件不触发的主因是未达可seek状态：需readyState≥4且seeking为false；动态设src后须重置currentTime=0再赋值；duration为NaN时seek无效；框架中需等DOM就绪及src加载完成；seek后需显式play()并处理Promise拒绝。
-
实现基于WebGPU的通用计算需先获取设备，再创建缓冲区上传数据，编写WGSL计算着色器定义并行逻辑，通过管线和绑定组关联资源，最后提交命令执行并读回结果。
-
JavaScript懒加载核心是按需加载，用IntersectionObserver监听视口实现提前加载，配合data-src、load/error事件处理及模块级import()代码分割，并兼顾降级与SSR兼容性。
