-
em相对于父元素font-size，嵌套易失控；rem始终相对于根元素font-size，适合全局缩放。响应式优先用rem，局部缩放才用em；避免html设62.5%影响可访问性。
-
通过CSS自定义属性实现动态主题切换，定义:root和[data-theme='dark']中的变量，利用JavaScript切换data-theme属性并结合localStorage持久化用户偏好，实现亮色、暗色主题的实时切换与记忆功能。
-
HTML5中换行符不渲染是因浏览器默认忽略空白字符，解决方法包括：一、用white-space:pre-line等CSS属性；二、用<pre>标签；三、JS将\n替换为；四、CSS伪元素注入换行；五、服务端预处理。
-
直接读取select元素的value属性可获取当前选中项的值，多选时需用selectedOptions；change事件监听值变化，设置选中推荐赋值value。
-
时间轴布局可通过HTML与CSS结合实现，关键步骤包括：1.使用ul或ol搭建结构，每个时间节点包含日期和内容；2.通过伪元素创建时间线并定位节点；3.利用奇偶选择器设置交错样式；4.添加响应式规则适配不同设备。具体实现中，HTML负责结构组织，CSS用于样式设计与视觉效果优化，同时需注意间距、颜色对比及移动端适配问题。
-
fetch()不必须走网络请求，但绝大多数场景下会发起HTTP请求；它不支持直接读取file://协议文件，开发时需本地服务，例外是可fetchBlob或data:URL模拟响应。
-
性能波动可能源于内存超频导致的DRAM时序失配、IMC信号完整性下降及内存带宽利用效率降低，需通过系统监控、性能录制、BIOS参数调优和WebAPI基准测试协同验证。
-
CSS变量不能直接用于blur(var(--x))，需通过预设类名切换；应绑定--glass-alpha与--glass-blur联动控制毛玻璃效果，并在深色模式下同步调整二者，推荐作用域限定而非全局:root变量。
-
grid容器宽度不随子项撑开是因为其块级盒模型默认行为，而inline-grid通过改为内联级盒子天然包裹子项总宽，无需fit-content且兼容性更好，但需注意基线对齐和脱离文档流干扰。
-
SpeechRecognitionAPI是浏览器原生JavaScript接口，非HTML标签功能；仅Chromium系浏览器稳定支持，需HTTPS/localhost环境、用户手势触发、权限授权，并注意降级与兼容处理。
-
<p>通配符重置（*{margin:0;padding:0;}）是坏主意，因其强制清除所有元素默认间距与样式，破坏表单控件可用性、可访问性及跨浏览器一致性；应优先使用normalize.css修复差异并保留语义化默认行为，局部需归零时再用all:unset或精简选择器。</p>
-
:target伪类可选中URL锚点指向的元素并添加样式。当页面URL含#片段标识符时，ID与之匹配的元素被高亮，如h2:target设置背景色和边框，实现无需JavaScript的交互效果，常用于内容展开、选项卡切换和错误定位，需注意ID唯一性和浏览器兼容性，适用于静态页面增强用户体验。
-
使用::marker可自定义有序列表编号样式，支持颜色、字体大小等属性调整，如设置深橙色加粗数字；content替换需谨慎，建议用counter配合::before实现复杂格式。
-
z-index不生效的根本原因是元素未参与堆叠上下文；只有position为relative、absolute、fixed或sticky的元素才支持z-index，且其效果受父级堆叠上下文限制。
-
HTML的time元素不解析毫秒级时间戳，datetime属性仅接受ISO8601格式（如"2024-05-30T00:00:00Z"），需用newDate(timestamp).toISOString()手动转换，否则语义失效、辅助技术无法识别。
