-
cursor值分为三类：预定义关键词（如pointer）、URL自定义图像（需配备选值如auto）、组合回退机制（多URL链式兜底）；漏备选值将导致Chrome/Firefox忽略声明。
-
纯CSS实现标签切换必须用:checked+radio，因:hover和:active无法保持状态；:focus-within和:has()兼容性差不可靠；JS方案应仅切换class以最小侵入。
-
最稳妥方式是用语义化<table>展示等级说明，首行<thead><thscope="col">列名，每行等级名用<thscope="row">，配<caption>说明用途，禁用rowspan/colspan；手机端用@media转为垂直卡片；内容应硬编码而非JS生成。
-
浏览器开发者工具的Elements面板显示的是JavaScript执行后的最终DOM，而非原始HTML源码；右键检查或快捷键Ctrl/Cmd+Shift+C可快速定位元素并实时编辑，但所有修改仅限当前会话且不触发JS逻辑。
-
本文介绍一种纯HTML+CSS方案，无需JavaScript，即可让有序列表中自动生成的编号（如“(1)”“(2)”）成为可点击的锚点链接，直接跳转至对应列表项的页面锚记位置。适用于Wiki等不支持脚本的静态内容场景。
-
font-display:swap是@font-face中控制字体加载时文本渲染行为的属性，它让浏览器立即用系统字体显示文本，待自定义字体加载完成后再无感替换，从而避免移动端因网络波动导致的白屏或文字闪跳。
-
核心是用auto-fit与minmax()配合实现列数自适应：auto-fit会收缩空列，避免卡片压扁；minmax(280px,1fr)设定列宽范围；gap统一控制间距，比margin更可靠。
-
ConsultingLite不支持旧式align属性，仅响应class="alignright"等原生CSS类；其默认用float实现图文环绕，但易受父容器布局或媒体查询干扰，推荐改用CSSGrid/Flex手动封装以确保稳定。
-
JavaScript中函数返回函数是闭包的典型应用，内层函数能持续访问其定义时的外层作用域变量，即使外层函数已执行完毕；每次调用生成独立闭包，共享变量需注意陷阱，闭包可能引发内存泄漏但现代引擎有优化。
-
应使用语义化标签与CSS协同优化HTML长文本排版：一、用<p>天然分段并规范嵌套；二、通过margin、text-indent、line-height精细控制间距缩进；三、以<divclass="section">分组段落并视觉隔离；四、用<article><section>强化内容层级与SEO；五、用word-wrap等属性处理超长无空格文本溢出。
-
最优解是用rgba()在文字下方叠加半透底色：深色背景配rgba(0,0,0,0.6)，浅色背景配rgba(255,255,255,0.7)，需设display:inline-block且用padding控制边距；box-shadow仅作备选，适用于SSR场景。
-
HTML超链接通过标签实现页面跳转与资源访问，href属性指定目标地址，可链接网页、文件或使用mailto、tel等协议；通过target="_blank"可在新标签页打开链接，配合rel="noopener"提升安全性；利用id属性创建锚点可实现页面内或跨页定位跳转；添加download属性可强制下载文件；为优化可访问性与SEO，应使用描述性链接文本并合理设置title属性。
-
使用Flexbox布局可实现等宽按钮组，通过设置父容器display:flex并结合flex:1使子按钮平均分配宽度，配合gap控制间距；也可采用CSSGrid，利用grid-template-columns:repeat(auto-fit,minmax(0,1fr))实现自适应等宽排列，两者均能有效处理不同文字长度，保持视觉一致，其中Flexbox因简洁高效更推荐使用。
-
:active样式不生效的主因是被:focus/:hover覆盖、移动端禁用或触发时机过短；需调整CSS顺序、添加-webkit-tap-highlight-color、用JS切换class实现可靠点击反馈。
-
BFC能清除浮动是因为它使父容器形成独立渲染区域，将浮动元素包含在内从而撑开高度；触发条件包括float不为none、position为absolute/fixed、display为inline-block/table-cell等、overflow不为visible。
