-
最直接的方法是父容器设text-align:center，靠右列额外包层并设text-align:right；现代推荐Flex布局，父容器display:flex+justify-content:center，靠右列加margin-left:auto。
-
使用float:left可实现标签云水平排列，通过margin控制间距，overflow:hidden清除浮动，配合不同类名设置字号与颜色，形成视觉层次，保持布局整齐且兼容性好。
-
对象字面量{}最常用安全，适合结构明确场景；Object.defineProperty用于精确控制单个属性；点号访问要求合法标识符，方括号支持动态键名；深层嵌套推荐可选链+空值合并。
-
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，并排查样式冲突。
