-
最简单方式是将<svg>标签直接写入HTML文件，作为原生DOM元素支持CSS/JS操作；需设置viewBox实现响应式缩放，避免冗余属性，颜色推荐用currentColor继承主题色。
-
IE9及更早版本不支持HTML5动画核心特性，降级需放弃CSS动画、SVG动画等，改用JS驱动的DOM操作并规避重排，结合特性检测而非UA判断兼容性。
-
必须在HTML的<head>中第一行写<metacharset="UTF-8">，且文件保存编码必须与之严格一致，否则会导致中文乱码；该标签需自闭合、带引号、用标准名称，不可依赖HTTP头覆盖。
-
直接在header.php中硬编码<link>会覆盖WordPress主题更新、破坏样式依赖管理、导致加载顺序错乱；必须用wp_enqueue_style在wp_enqueue_scripts钩子中注册，确保依赖、缓存、路径和handle正确。
-
Safari中sticky失效主因是父容器无显式高度且含overflow:hidden等属性，需设min-height、避免干扰overflow，并按position:-webkit-sticky;position:sticky;顺序声明。
-
答案：通过a:link和a:visited设置链接颜色，推荐按LVHA顺序定义样式。具体为：a:link{color:blue;}设置未访问链接颜色，a:visited{color:purple;}设置已访问链接颜色，同时建议按a:link、a:visited、a:hover、a:active顺序书写以避免覆盖，现代浏览器支持基本颜色修改但限制部分样式以保护隐私。
-
HTMLSitemap应用语义化HTML结构（如h2、ul、a）组织内容，命名随意但需可访问、无死链、聚焦高价值页面；XML与HTMLSitemap可共存，用途不同，不可混用；HTML版不提交搜索引擎，仅提升用户体验。
-
幽灵按钮背景填充过渡不能直接用background-color动画，因其初始transparent与目标色无法线性插值；需用linear-gradient配合background-size百分比缩放（0%→100%），并固定background-position和设置background-origin:border-box确保动画精准。
-
JavaScript中获取滚动位置的核心属性有三个：1.window.scrollY和window.scrollX，用于获取整个页面在垂直和水平方向的滚动距离，是现代浏览器推荐的标准属性；2.document.documentElement.scrollTop和document.documentElement.scrollLeft，作为广泛兼容的替代方案，尤其适用于旧版IE或特定文档模式下获取页面滚动位置；3.元素的scrollTop和scrollLeft属性，用于获取特定可滚动元素（如div）内部内容的
-
真正的防御必须从「锁定目标」和「识别模式」开始：只监听支付按钮、登录表单等关键容器，配置childList+subtree+attributes（限class/style/hidden），回调中快速筛检高危变更，修复前必disconnect，且需配合load事件等补位document.write等绕过场景。
-
SCSS中不能直接用变量调用rgba($r,$g,$b,$a)，应使用内置rgba($color,$alpha)函数或rgb()配合；mix()可替代实现视觉淡色效果，避免opacity对子元素的全局影响。
-
Promise是JavaScript中处理异步操作的对象，代表未来完成或失败的结果；具有pending、fulfilled、rejected三种不可逆状态；通过newPromise创建，支持链式调用、错误捕获及Promise.all等静态方法。
-
CSStransition对颜色插值默认采用RGB空间线性计算，即R、G、B三通道各自独立按时间比例插值，不感知人眼视觉均匀性；如#ff0000→#0000ff中途得#800080，而#ff0000→#00ff00会经过灰褐调的rgb(128,128,0)；目前无浏览器在transition中原生支持LCH/OKLCH插值，仅@keyframes（Chrome112+/Safari16.4+）在全用同色函数时才启用LCH空间插值。
-
clearfix必须用::after而非::before，因其作为最后“视觉子节点”设clear:both才能截断浮动流；content:""不可省略，否则伪元素不渲染；height:0和visibility:hidden缺一不可，分别控制空间占用与可见性交互；flow-root可替代但兼容性有限，旧版Safari及全部IE不支持。
-
目前无法通过CSS伪类如::picture-in-picture-volume直接控制画中画（PiP）模式下音量条的样式，因为PiP窗口的UI由浏览器原生实现且出于安全、用户体验一致性和技术复杂性考虑被严格限制自定义；开发者只能通过JavaScript操作源视频元素的volume属性来间接控制音量，或依赖系统级音量调节，同时可在网页内构建自定义播放器界面，将音量控制与PiP按钮集成，从而在进入PiP前提供良好体验，确保用户无论通过网页控件还是操作系统功能都能有效调整音量，最终实现对PiP音量的全面管理。
