-
答案：通过CSS路径选择器结合a标签伪类，按LVHA顺序定义link、visited、hover、active状态，并利用后代、子等选择器实现导航、页脚等不同区域链接的精细化样式控制，同时确保focus状态和可访问性。
-
BEM的block__element--modifier结构不可随意更改，因其绑定CSS权重与可维护性，确保样式作用域清晰、避免覆盖；block必须是独立功能单元，element不可嵌套，modifier仅描述状态或变体。
-
Flexbox布局的核心优势在于简化对齐与空间分配，特别是通过display:flex、flex-direction和justify-content等属性协同实现灵活的元素排列；它能轻松实现垂直居中、响应式换行及主轴空间均匀分布，减少媒体查询依赖，提升开发效率与可维护性。
-
JavaScript地理定位API必须经用户明确授权才能使用，首次调用前可用permission.query()检查状态，需在用户触发相关功能时说明用途并请求权限，拒绝后应提供手动输入等降级方案，且位置数据须遵循最小必要原则处理。
-
<p>LookerStudio自定义HTML组件不支持任何HTML注释（包括<!---->及条件注释），唯一稳定方案是用<spanstyle="display:none">占位存放说明文字，并将逻辑注释写入<script>块内。</p>
-
在angular.json的styles数组中引入的CSS文件全局生效，注入<head>，优先级高于组件样式，但不影响innerHTML渲染内容和ShadowDOM组件。
-
答案是使用VSCode编写HTML后通过浏览器预览，推荐安装LiveServer插件实现自动刷新。首先在VSCode中创建并保存.html文件，然后直接双击文件用浏览器打开，或右键选择“OpenwithLiveServer”启动本地服务器实时预览，修改代码保存后页面自动更新，无需复杂配置。
-
audio标签需加controls才显示控件，仅src属性会导致静默加载；必须用<source>提供mp3+ogg双格式并声明type；autoplay须配合muted才生效；原生控件不可CSS定制，需JS自定义。
-
JSON.parse(JSON.stringify())不是真正深拷贝：会丢失函数/undefined/Symbol、抹平原型链与特殊对象（如Date变字符串、RegExp变{}）、循环引用直接报错，且不支持BigInt、NaN/Infinity转null等。
-
HTML代码不运行的主要原因是script标签使用不当、外部路径错误、动态插入脚本未执行或本地文件协议限制。1.确保JavaScript代码包裹在正确拼写的<script>标签中；2.检查外部JS文件路径是否准确，避免404错误；3.动态插入时需创建script元素并添加到DOM，而非依赖innerHTML；4.避免直接通过file://打开文件，应使用本地服务器环境运行项目。配合F12开发者工具可快速定位问题。
-
CSS.registerProperty使CSS知晓自定义属性为可动画数值并支持插值，从而让JS驱动的物理动画（如弹簧、惯性）能与CSS变量联动并享受GPU加速渲染。
-
无法自动感知最后一个引用消失，需手动引用计数+显式release清理，WeakRef与FinalizationRegistry仅作尽力而为的兜底提示。
-
Bootstrap和Tailwind等CSS框架通过预设类快速实现卡片阴影与圆角，如Bootstrap的.shadow和.rounded-3，Tailwind的shadow-lg和rounded-xl，结合p-4、bg-white等类构建完整样式，提升开发效率。
-
IAB标准要求广告连续1秒内像素可见比例始终≥50%，而非单帧达标；因浏览器回调不稳，需用状态机+时间戳校验连续性，避免误报曝光。
-
<metacharset="utf-8">必须置于<head>最前面，且需配合HTTP响应头Content-Type、HTML5文档类型及文件实际UTF-8编码三者一致，否则易致中文乱码。
