-
字体加载失败主因是路径错误或格式声明不匹配：路径须相对于CSS文件，且@font-face的src需与文件类型及浏览器兼容性一致；推荐优先使用woff2并提供fallback。
-
:first-child和:last-child用于选中父元素的首项和末项子元素，可分别对列表、导航、表格等结构的首个和最后一个元素设置特殊样式，如导航间距控制、列表首尾项样式、表格表头与末行优化，减少类名依赖，提升维护性，但需注意DOM中其他节点可能影响匹配。
-
footer是语义化标签，代表内容区块结尾信息而非视觉底部；可多处使用，需匹配归属上下文，全站页脚应置于body直接子级，避免误用为布局容器。
-
答案：使用form标签构建评论区，通过textarea实现多行文本输入，设置name、rows、cols、placeholder、maxlength等属性优化交互，并结合CSS提升用户体验。
-
百分比尺寸的参照物是包含块而非父元素：width等参照包含块宽度，height等参照高度，padding/margin均参照宽度，top/left参照包含块padding-box，transform则参照自身尺寸。
-
浏览器中JavaScript可通过localStorage持久存字符串、sessionStorage临时存数据、IndexedDB存储大量结构化数据、CacheAPI缓存网络请求；2.Node.js环境可用fs模块读写JSON文件、SQLite轻量数据库或连接MongoDB/MySQL/PostgreSQL等主流数据库；3.第三方库如localForage、Dexie.js、Lowdb简化操作；4.选择依据：用户偏好用localStorage，离线复杂数据选IndexedDB，Node.js小项目用SQL
-
卡片翻转卡顿因缺少3D渲染上下文和缓动控制，需父容器设transform-style:preserve-3d与perspective（1000px–2000px），子元素用transition配合cubic-bezier及backface-visibility:hidden实现自然翻转。
-
本文详解如何实现一个类似ChatGPT的搜索输入框，支持多行内容自动扩展、图标始终垂直居中对齐，并在内容增长时保持图标位置稳定不偏移。
-
box-shadow不影响布局，因其仅作用于视觉层、不参与文档流计算，不改变元素尺寸（如offsetWidth、getBoundingClientRect），也不会增加实际占用空间。
-
:active无反应的根本原因是它仅在鼠标/触控按下未松开的极短窗口期生效，非状态记录而是动作响应；需满足元素可交互、伪类顺序正确、样式显式声明三条件。
-
HTML表单提交不会触发跨域限制，因其本质是导航请求而非AJAX；但提交后无法通过JS获取响应数据，需改用fetch并配合CORS或iframe方案（不推荐）。
-
必须通过<script>标签引入JavaScript：一、内嵌代码，写在<head>或<body>的<script>标签内，如console.log("HelloHTML5")；二、外链文件，用src属性引用.js文件，不可混写代码；三、位置影响执行时机，<body>底部最稳妥，<head>中可用defer确保DOM就绪后按序执行。
-
auto-fit只创建有内容的轨道并拉伸填满容器，auto-fill则无论内容多少都按minmax()尽可能预留全部轨道，导致空列和布局错位。
-
纯前端HTML计算器双击index.html即可运行，无需服务器或在线工具；关键在JS逻辑与DOM正确连接、输入类型转换、避免evalXSS风险、解决移动端点击延迟、合理使用localStorage而非URL存状态，并补充键盘支持。
-
repeat()方法常见应用场景包括生成分隔符、文本对齐、构建重复模式、生成占位符。①生成分隔线如console.log("=".repeat(50))；②文本对齐如padRight函数用空格填充；③构建重复图案如SVG路径；④生成占位文本如"X".repeat(100)。使用时需注意内存消耗、RangeError异常及类型转换问题：①重复过长字符串可能占用大量内存；②负数或Infinity参数抛出RangeError；③小数参数自动截断，非数字参数抛出异常。相比其他方法，repeat()代码更简洁直观，
