-
div:only-of-type只判断父容器中同类型标签（<div>）的数量是否为1，无视其他标签、文本节点或注释；若存在多个<div>（哪怕被其他元素隔开），即不匹配。
-
color-mix()和hsl()是现代CSS动态颜色函数：hsl()通过自定义属性控制色调偏移实现主题同步，color-mix()按指定色彩空间混合颜色以确保深浅模式下视觉可靠。
-
HTML表单通过action和method属性决定数据提交目标与方式，GET将数据附在URL后适合非敏感操作，POST将数据放请求体中更安全适合敏感或修改类操作；2.表单还支持客户端验证（如required、email类型）、用户交互（reset、placeholder、JS拦截）、可访问性（label、fieldset）提升体验；3.构建高效表单需用清晰label、合适input类型、即时错误提示、逻辑分组布局及服务器端数据验证保障安全。
-
HTML5视频播放成败取决于编码（H.264+AAC）而非.mp4后缀，需用ffprobe验证；本地测试须起HTTP服务（如python3-mhttp.server）；iOS自动播放必须加muted属性。
-
SublimeText通过C++原生引擎、异步分块加载、惰性插件加载、精简界面渲染、禁用索引服务及强制PlainText模式六大优化路径，显著缓解老旧硬件上的卡顿、高内存占用与启动缓慢问题。
-
多行文字和图标底部对齐失效的根源在于align-items作用范围错误；应将图标与文字置于同一grid容器并设align-items:end或baseline，而非在父容器设置后又用align-self冲突。
-
答案：通过隐藏原生复选框和单选按钮，使用CSS伪元素绘制自定义样式，结合:checked、hover和focus状态提升视觉一致性与交互体验，实现现代美观且可访问的表单控件。
-
IntersectionObserverAPI通过异步监听元素与视口的交叉状态实现图片懒加载，避免频繁计算性能损耗。1.设置data-src存储真实图片地址；2.创建IntersectionObserver实例，回调中判断entry.isIntersecting；3.将data-src赋值给src触发加载；4.可选配置rootMargin提前加载。示例：{rootMargin:'100px'}使图片提前100px加载，提升用户体验。
-
margin-left:auto靠右生效的前提是元素处于干净的flex上下文：父容器需为display:flex且未被justify-content等覆盖，目标元素须为直系子项、无DOM干扰节点，并在flex-direction:row下使用。
-
FetchAPI是现代JavaScript发起网络请求的标准方式，比XMLHttpRequest更简洁、强大且契合Promise/async-await；它默认不rejectHTTP错误状态，需手动检查response.ok或status，并支持配置method、headers、body等选项，但不原生支持超时和上传进度。
-
box-sizing:border-box不能让margin不参与宽度计算，因margin始终不参与自身宽高计算；但能使padding被包含在width/height内，增加padding时内容区自动压缩以保持总宽不变。
-
使用justify-content和align-items可实现居中。设置display:flex的容器通过justify-content:center实现水平居中，align-items:center实现垂直居中，需确保容器有高度（如height:100vh），支持单个或多子元素整体居中，方法简洁兼容现代浏览器。
-
浮动与动画结合可实现轻量级视觉效果，如产品卡片渐入。通过float布局元素并用animation添加入场动效，配合clearfix防止塌陷，适用于简单多列展示场景。
-
transform中rotate和scale可在同一声明中用空格分隔，顺序决定执行先后；必须合并书写，否则后声明会覆盖前声明；动画中各关键帧需完整写出transform值且函数顺序一致。
-
应避免滥用<hr>，它仅适用于主题段落间的语义分隔；多数视觉分隔需求应使用<divclass="divider">配合CSS实现，兼顾样式可控性、可访问性与暗色模式支持。
