-
:disabled伪类用于选中禁用的表单元素并设置样式，如input:disabled{background-color:#f2f2f2;color:#999;cursor:not-allowed;}，适用于input、button、textarea、select等元素，配合disabled属性实现视觉提示，提升用户体验。
-
overflow-x和overflow-y分别控制元素内容在水平和垂直方向的溢出显示方式。1.overflow-x处理左右溢出，取值有visible（默认，显示溢出）、hidden（隐藏溢出）、scroll（强制显示滚动条）、auto（溢出时显示滚动条）；常用于宽表格或长文本容器。2.overflow-y控制上下溢出，取值同overflow-x；适用于固定高度的侧边栏或弹窗，auto最常用以实现按需滚动。3.两者可独立设置，也可与overflow组合使用；若同时定义，具体方向属性会覆盖overflow的对
-
通过CSS变量实现主题切换，首先在:root中定义默认颜色变量，并为不同主题（如暗色）设置[data-theme]属性覆盖变量值；接着在样式中使用var()引用这些变量，使组件动态响应颜色变化；通过JavaScript修改HTML元素的data-theme属性即可全局切换主题，同时结合localStorage保存用户偏好；利用命名约定和分组管理多主题变量，提升可维护性；支持prefers-color-scheme实现系统级暗色模式适配，并确保颜色对比度符合可访问性标准。
-
margin:auto在grid中不生效是因为它仅在有明确尺寸限制的轴向且存在剩余空间时才起作用，受align-self/justify-self覆盖、IE11不支持及轨道未定义高度等因素影响。
-
HTML5推送消息加密必须遵循RFC8291标准，由服务端使用ECDH密钥协商与AES-GCM加密载荷，客户端仅生成并安全保管P-256密钥对，浏览器拒绝非标准加密格式。
-
HTML5读作"aitch-tee-em-elfive"，其中H、T、M、L分别发音为aitch、tee、em、el，数字5读作five，不可连读为单词或全称，正确读法符合技术术语标准，类似CSS3、ES6等。
-
本文介绍如何将扁平的JavaScript对象数组，按指定属性顺序（如['A','B','C','D']）递归分组，生成符合图表库要求的嵌套树形结构（含name与children字段），支持任意层级、自动去重与深度优先展开。
-
Map是带插入顺序、支持任意键类型的键值集合；它不转键为字符串，用SameValueZero比较键，保证遍历顺序，方法统一且性能稳定，但无法直接JSON序列化。
-
答案是通过微调节色明暗、保持色彩统一并结合阴影渐变，使按钮hover状态既明显又协调。基于原色调整明度10%-15%，使用HSL模式控制，深色系提亮、浅色系加深，避免大幅色相变化；配合轻微阴影或边框同步加深增强立体感；确保文字对比度不低于4.5:1，重要按钮反馈可更明显，整体效果应自然流畅，给人“被按下去”的直观感知。
-
应显式声明需过渡的属性而非使用transition:all；用class切换替代内联样式修改；避免对不支持过渡的属性（如display）直接设动画；按属性特性差异化设置duration与timing-function。
-
猎豹浏览器无法自定义HTML5视频缓冲值，因其内核陈旧且buffered属性只读；唯一可控的是preload属性（推荐"metadata"），TV端同样受限，真需定制缓冲须改用MSE分片加载（但猎豹不支持）。
-
行内样式本身不直接触发重排，但JS中读写交替（如先读offsetHeight再设style）会强制同步布局；单纯改opacity等属性通常只重绘，改width或display则大概率重排。
-
使用展开运算符[...array]只会创建数组的浅拷贝，无法隔离嵌套对象的修改；若需独立修改副本中的对象属性而不影响原数组，必须进行深拷贝或逐项结构化复制。
-
本文详解如何在ReactRouter中为外部跳转路由（如/myroute）实现无闪烁、无布局干扰的纯重定向，通过路由层级重构避免Common布局组件的意外渲染。
-
:focus没反应最常见原因是CSS优先级被覆盖或元素未获焦点；需检查可聚焦性、伪类顺序、UI库替代方案、移动端兼容性，并优先用:focus-within或focusin事件替代。
