-
老旧电脑HTML开发卡顿问题可通过四类方法解决：一、用Notepad++旧版轻量编辑；二、在FirefoxESR中手动启用HTML5相关配置；三、使用免安装的HTML工具箱网页版；四、部署原生Win32的FirHtml图形化编辑环境。
-
模块加载器不支持data:协议脚本，因其无稳定模块ID、无法参与依赖分析、违反同源与CSP策略；可行替代方案包括手动script注入、newFunction构造函数、预注册伪模块，或改用API配置+HTTPS加载。
-
header代表语义上的“介绍性或导航辅助区域”，非视觉顶部；可嵌套于页面、文章或区块级作用域，须含恰当标题且与CSS布局解耦。
-
按钮等宽的关键是flex:100配合min-width:0，以禁用收缩并破除浏览器对button的隐式最小宽度限制，同时需父容器display:flex且子项不设冲突width。
-
JavaScript动画核心是requestAnimationFrame驱动、CSS控制视觉、数值插值决定中间态；因setTimeout/setInterval不同步刷新、无法暂停优化，易掉帧卡顿。
-
单选按钮样式定制需隐藏原生input并用label伪元素实现：将input置于label内或用for绑定，设position:absolute;opacity:0;，通过:checked+label::after控制圆点样式，禁用态需单独写input:disabled:checked+label::after，同时保障无障碍与键盘可访问性。
-
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，并排查样式冲突。
-
Less中用.make-col循环生成响应式列类需基于@grid-columns动态计算宽度，嵌套断点媒体查询，联动声明.make-row负边距与.make-col内边距，并用extract()按需过滤列数与断点以控制CSS体积。
-
color-mix()必须显式指定颜色空间（如insrgb）并用小数（如0.5）而非裸百分比（如50%）表示权重；不支持calc()等函数动态计算权重，仅限静态值。
-
CSS变量不支持语法嵌套，但可通过命名约定和作用域实现逻辑层级。1.无法像编程语言那样嵌套定义变量；2.可采用BEM风格命名如--color-primary模拟层级；3.利用作用域在不同选择器中覆盖变量值，实现主题切换；4.支持变量间引用，通过var()构建依赖关系，集中管理设计系统。核心是借助级联与继承而非语法嵌套。
-
place-items是CSSGrid专用简写属性，用于同时设置justify-items和align-items，仅在display:grid容器上生效，控制直接子项在网格单元格内的对齐，不适用于Flex或普通块级布局。
