-
math.div()是计算行高的唯一稳妥解法，避免Sass除法歧义；应基于1rem而非固定px计算以实现响应式；line-height须用无单位数值；字体度量差异需手动微调+0.05~0.15并眼验实际效果。
-
老旧电脑HTML开发卡顿问题可通过四类方法解决：一、用Notepad++旧版轻量编辑；二、在FirefoxESR中手动启用HTML5相关配置；三、使用免安装的HTML工具箱网页版；四、部署原生Win32的FirHtml图形化编辑环境。
-
使用Flexbox或Grid可实现元素水平与垂直对齐，如Flexbox通过justify-content和align-items居中，Grid用place-items:center，而传统float不支持垂直浮动，仅推荐用于文本环绕。
-
Set是JavaScript中基于SameValueZero算法的唯一值集合，自动去重、O(1)查询，语义上强调“存在性”；WeakSet仅存对象且弱引用，适用于临时标记场景。
-
使用getElementById可通过唯一ID高效获取单个元素，若无匹配则返回null；querySelector支持任意CSS选择器并返回首个匹配项，适用复杂场景但性能稍低；需获取多个元素时应使用querySelectorAll，其返回静态NodeList可遍历操作，三者根据实际需求选择以实现精准DOM控制。
-
可通过CSS的background-image属性设置HTML页面背景图，包括内联样式、内部样式表、外部CSS文件三种引入方式，并支持定位、裁剪、响应式适配等精细化控制。
-
Neve主题下Gutenberg图片对齐失效，因主题强制居中覆盖区块类；解决需加CSS.wp-block-imageimg{display:inline;}并配合float:left实现图文环绕，注意懒加载与响应式适配。
-
transform:scale()用于无损缩放，scale(x)水平缩放，scale(x,y)分别控制XY轴，scale(1)为原尺寸，scale(0)视觉消失但占位；需配合animation与完整transform声明使用，注意transform-origin和图层优化。
-
CustomElement生命周期回调由浏览器在DOM变化时自动触发，connectedCallback仅在元素首次插入activeDOM树时执行；attributeChangedCallback需通过observedAttributes显式声明监听属性；disconnectedCallback是清理资源的主要时机但不保证总被调用；constructor仅限轻量初始化，不可操作DOM，且必须继承HTMLElement并首行调super()。
-
首先创建无序列表使用<ul><li>标签，有序列表用<ol><li>标签，通过CSS的list-style-type可修改符号或编号样式，还能在<li>内嵌套列表实现多层级结构。
-
Bootstrap通过Collapse插件实现导航菜单折叠，使用data-bs-toggle和data-bs-target控制目标元素显隐；Tailwind需结合JavaScript手动切换hidden类来控制菜单显示状态，依赖响应式前缀适配不同屏幕。
-
img加width:100%无效主因是父容器无宽高或max-width:none覆盖；需设父级宽度、img用width:100%+height:auto，并排查样式冲突。
-
!default仅在变量首次声明前生效，非后备值；一旦变量被声明（含空声明），后续!default均失效，且不支持表达式、递归引用或Mixin内稳定使用。
-
CSS通过word-break、overflow-wrap和white-space精准控制文本换行：word-break控制词内断行（如keep-all防中文断字），overflow-wrap在必要时软换行长单词，white-space管理空白与换行行为。
-
hover触发的多级菜单为什么鼠标一移就收起来了根本原因是:hover只作用于当前元素，子菜单如果和触发元素有物理间隙（比如margin、border或父容器overflow隐藏），鼠标从触发项移到子菜单途中会离开:hover区域，导致样式立刻失效。这不是bug，是CSS的层叠行为决定的。实操建议：确保触发项（如.menu-item）和下拉菜单（如.submenu）在DOM中是父子关系，且视觉上无缝衔接——菜单top值应紧贴触发项bottom，不要留空隙给父
