-
height:auto无法直接过渡，应改用max-height实现“伪auto”动画；若高度不可预估，则需JS动态获取scrollHeight并设置精确height值。
-
<hr/>是HTML5中的空元素，无需闭合，因其无内容且浏览器忽略后续闭合标签；语义表示主题分隔，非纯装饰，CSS控制需先清border再设新样式。
-
元素居中可通过多种CSS方法实现：1.行内元素用text-align:center；块级元素设margin:0auto；2.Flexbox设置display:flex及justify-content和align-items:center实现全居中；3.绝对定位配合top:50%、left:50%和transform:translate(-50%,-50%)；4.Grid布局使用display:grid和place-items:center。推荐优先使用Flexbox或Grid，传统方法作降级备选。
-
元素margin无反应的主因是父容器未触发BFC或发生margincollapse；解决需创建BFC、用padding替代、注意行内元素限制及margin:0auto的width和display前提。
-
直接用文本编辑器写HTML文件双击即可运行，但file:///协议下图片不显示、fetch报CORS错误等是浏览器安全限制所致；必需结构为<html><head><metacharset="utf-8"></head><body></body></html>；路径以HTML文件为基准计算，推荐用本地服务器（如python3-mhttp.server）替代双击打开。
-
浮点数精度问题源于十进制小数无法精确转换为二进制，导致如0.1+0.2≠0.3；可通过转整数、toFixed、误差范围或高精度库解决。
-
display:none使transition失效，因其立即将元素从渲染树移除，中断所有样式计算；应改用visibility+opacity、max-height或transform+opacity组合实现过渡动画。
-
图片hover时歪斜偏移因transform-origin默认为左上角，应设为center并统一写transform:skew(-6deg)rotate(2deg)；需加translateZ(0)开启GPU加速，且默认态也要有transform声明。
-
color-contrast()不是自动检测工具，而是返回候选色中最易读颜色的CSS函数，需显式列出前景候选并用against指定背景，不校验WCAG标准。
-
在iOS设备上运行HTML标签可通过三种方式实现：1.使用Safari浏览器直接打开HTML文件，适合查看静态内容，但不支持本地JavaScript运行和外部资源加载；2.借助第三方代码编辑器App如JSBox、CodeApp或TextasticCodeEditor，可编写、保存并实时预览HTML页面，支持完整开发需求；3.搭配Mac与Xcode创建iOS项目，利用WKWebView加载HTML，适用于开发者进行混合式页面测试和兼容性验证。日常使用推荐Safari，开发调试建议配合专业工具。
-
本文介绍如何为响应式导航栏添加“点击导航链接后自动关闭汉堡菜单”的交互逻辑，解决页面内锚点跳转时菜单持续展开的问题。
-
JavaScript数组操作核心在于按场景选用合适高阶函数：map用于生成新数组，forEach处理副作用，filter返回匹配项数组，find返回首个匹配项，reduce用于复杂累计逻辑，修改原数组需谨慎并明确标注。
-
auto-fill先建满所有可能轨道并留空占位，auto-fit按子元素数量建轨后拉伸填满；前者适合需预留插槽的场景，后者适合内容自适应布局。
-
CSSNano压缩后样式失效主因是默认激进规则误删/改写关键代码，需禁用mergeRules、sortSelectors等选项，确保其作为PostCSS插件正确配置在postcss-loader中且顺序合理。
-
A标签通过href、target、title、rel等属性定义链接行为，正确格式化可提升代码可读性与安全性。标准写法使用双引号包裹属性值，多属性时建议分行排列，如<ahref="https://example.com"target="_blank"title="点击访问官网"rel="noopenernoreferrer">访问网站</a>，便于维护；添加class或style时保持统一缩进，利于团队协
