-
flex-shrink:0不能单独保证图片不被压扁，需配合min-width:0和max-width:100%等约束，并确保图片为flex容器的直接子项且父容器有明确主轴尺寸。
-
var()默认值是降级取值而非回退终点，支持嵌套var()链式降级，仅在变量完全未声明或被initial/unset设为无效时触发，需防循环引用与作用域错误。
-
使用font-weight:normal可取消文字加粗，包括内联样式、类选择器、覆盖继承值、重置语义标签默认样式及all:revert/unset批量处理。
-
D3.js适合高度定制化可视化，需较多编码；ECharts开箱即用，配置简单，适合快速开发标准图表。
-
float多列默认不等高，因浮动使父容器高度坍缩，各列高度由内容独立决定；所谓等高是背景色延伸的视觉错觉，并非真实DOM高度一致。
-
本文详解如何通过一个按钮点击事件，同时更新页面中的图片和下方配套文字描述，避免冗余代码，提升可维护性，并提供健壮、可扩展的函数封装方案。
-
iOSSafari禁止自动播放音频，必须通过用户手势同步调用play()解锁；需先用muted属性静音初始化audio，再解除静音；WebAudioAPI也需在手势中初始化并resumeAudioContext。
-
应使用<time>标记时间线变更点，其datetime属性须为ISO8601格式（如2024-03-15），内容可为人类可读文本；多个变更点需多个<time>标签，辅以data-version等自定义属性标识版本；“前后对比”需用语义化容器（如<divclass="versionold/new">）配合<del>/<ins>标记小范围文本差异，禁用title或注释替代可见记录。
-
太极图纯CSS实现需用conic-gradient或双半圆叠加配合border-radius:50%，伪元素小圆须父容器position:relative+inset定位，强制background-clip:padding-box保边缘清晰。
-
PurgeCSS通过静态扫描HTML/JS/Vue等文件中出现的类名和ID，匹配配置路径来剔除未使用CSS，可减少60%–90%体积；需显式配置content、处理动态类名、用safelist保底，Vite推荐使用vite-plugin-purgecss。
-
正确设置HTML文件路径需根据资源位置选择相对路径、绝对路径、根相对路径或远程URL。1、相对路径基于当前文件位置，适用于内部资源引用，便于迁移；2、绝对路径从磁盘根目录开始，如file:///C:/project/images/photo.jpg，但可移植性差；3、根相对路径以“/”开头，从网站根目录定位，适合大型项目统一管理；4、远程资源使用HTTP/HTTPS完整URL，如CDN链接，确保跨域合法与安全性。
-
答案：通过为表格单元格设置position:relative，可使其成为绝对定位元素的包含块，从而在单元格内精确控制如角标等子元素的位置。结合实际场景，在td中添加relative定位并配合absolute定位的badge类，能实现“新”标签位于单元格右上角的视觉效果；需注意设置固定尺寸、管理z-index层级，并避免在rowspan或colspan中复杂布局，以确保兼容性与稳定性。
-
用JavaScript实现两级联动：HTML仅提供两个select结构，JS用对象映射国家与地区数据，监听countrySelect的change事件动态填充regionSelect；注意绑定时机、禁用选项处理及移动端体验优化。
-
可通过Conky结合HTML/CSS渲染桌面信息，使用YAMi构建浏览器式控制面板，并利用i3blocks自定义状态栏样式实现i3窗口管理器下的高度定制化界面。
-
精准匹配手机需结合设备能力而非仅宽度：用(max-width:767px)and(pointer:coarse)排除平板与鼠标设备；prefers-color-scheme比JS切换更可靠，需设默认浅色样式并同步调整背景/边框；orientation易失效，应配合JS监听防抖；prefers-contrast和color-gamut关乎可访问性，print媒体查询防打印墨耗。
