CSS 实现卡片堆叠效果，使用 absolute 与 z-index 是常见方法。以下是一个简单实现思路：设置容器为相对定位（position: relative），以便内部绝对定位元素以它为参考点。给每个卡片设置绝对定位（position: absolute），并调整 top 和 left 值来控制位置。通过 z-index 控制卡片的层级顺序，数值越大越靠前。示例代码如下：
卡片堆叠不必须用position:absolute；本质由层叠上下文和z-index控制，position:relative等也能触发，但z-index对static无效，且父子层叠上下文会隔离z-index作用域。
print-color-adjust:exact必须写在@mediaprint块内才生效，且目标元素需显式声明background-color，同时用户打印设置不能启用“仅打印文本”选项。
用Set实现高性能权限校验，依托其唯一性和O(1)has()查询，适用于前端路由守卫、按钮显隐等场景；初始化时将后端数组转为Set，多角色权限用展开运算符合并，动态更新需批量操作并配合响应式方案。
使用UIKit可快速构建响应式网页，通过CDN引入CSS和JS文件后，利用预设类名实现按钮、导航栏、卡片等组件，结合栅格系统适配多设备，并通过uk-*指令添加模态框等交互效果，提升开发效率。
闭包记忆化通过私有缓存将递归DP时间复杂度从指数级降至线性，关键在于闭包内自引用、可靠键生成（如${n}|${capacity}）和缓存管控（上限/LRU）。
Foundationv6响应式栅格需同时加载CSS、JS及viewport标签，且JS必须初始化；仅引CSS会导致小屏不堆叠，未调用$(document).foundation()则show/hide类失效，自定义断点须同步Sass与JS。
主题颜色变量未生效的四大原因：变量定义位置错误、构建流程未读取新配置、CSS选择器权重不足、运行时主题切换未清除旧样式缓存，需逐一排查。
overscroll-behavior在iOS16.4前完全不支持，常见失效原因：写在html/body上被忽略、目标元素未设overflow、被fixed/transform等创建独立滚动上下文。
直接用<inputtype="tel">不足以满足手机验证码输入框的核心需求，因其无法实现自动聚焦、逐位分割、粘贴识别和精准光标控制，易导致粘贴只填首框、退格不跳位、iOS弹出全键盘、长度与视觉分离难统一等问题。
TextDecoder解码Uint8Array最轻量高效：一次性解码用response.arrayBuffer()转Uint8Array后decode；流式需复用实例并启用{stream:true}，末次调用decode()清缓冲。
white-space:nowrap是禁止文字换行的正确起点，但单独使用常失效：需配合width/max-width、display:block/inline-block、overflow:hidden及text-overflow:ellipsis才能实现完整截断效果，且在表格、contenteditable等场景需额外处理。
:focus直接生效但易污染全局、损害可访问性；失效主因是outline:none未替代、动态元素未就位、显隐属性阻断、权重覆盖、语义类型未区分；推荐用:focus-visible区分键盘/鼠标聚焦，并适配高对比模式。
用[href$=".pdf"]可精准匹配以.pdf结尾的URL并添加图标，因$=操作符只匹配属性值结尾，比*=更安全；需注意空格、协议不影响匹配，但IE8不支持。
max-width需配合width（如width:100%或width:fit-content）和display（如inline-block）才能避免塌陷或溢出；margin:0auto仅对有明确宽度的静态块级元素有效，Flex/绝对定位/行内元素需其他居中方式。
HTML中写style属性算“写样式”，但仅是优先级最高的一次性内联覆盖，无法支持伪类、媒体查询、CSS变量及动画，且难维护、易冲突、触发重排，适用场景仅限JS实时计算或SSR动态状态。105 收藏