-
lighten()调节的是HSL模型中的lightness值，非RGB亮度或感知亮度；对深色大幅提亮易导致失饱和、泛色，推荐用scale-color()或mix()替代，并避免在深色主题中直接大幅使用。
-
JavaScript通过style.setProperty()和getComputedStyle().getPropertyValue()操作CSS自定义属性实现动态主题切换，推荐挂载于:root并配合class切换与localStorage持久化。
-
HTML无“模式匹配”标准属性，所谓文档模式匹配实为混淆input的pattern校验、CSS的:is()选择器及已淘汰的IEdocument.documentMode三者。
-
可通过五种方式实现网页文字自动滚动：一、过时但兼容的marquee标签；二、符合现代标准的CSS动画；三、灵活可控的JavaScript方案；四、基于scroll-snap的分段跳变式；五、轻量第三方库Marquee.js。
-
应使用无单位行高（如1.5）而非固定像素值，因其会随字号缩放；通过@font-size-base和@line-height-base统一基准，衍生变量用乘法计算，媒体查询中重定义基准变量实现响应式适配。
-
本文详解如何通过精确定位与合理使用transform:translateY()，让子元素在父容器内平稳旋转而不溢出边界，重点解决因top偏移和translateY过度导致的“旋转溢出”问题。
-
hgroup标签在现代HTML中已废弃，不该再用；HTML5曾引入它解决多级标题语义问题，但HTML5.2起被W3C和WHATWG正式移除，浏览器仅作普通容器解析，无语义或ARIA行为。
-
最轻量可控的动态换肤方案是用CSS自定义属性配合JS切换document.documentElement的class；主题变量统一定义在:root，各皮肤通过.theme-dark等class覆盖；优先用classList切换class而非style.setProperty；localStorage持久化需在DOM加载早期执行以防闪屏；IE不支持则降级为class方案或特性检测。
-
根本原因是编码不一致：CSS文件为UTF-8（无BOM）而HTML未声明charset，或服务器响应头charset与文件编码不符；需统一为UTF-8并确保meta、HTTP头、构建工具读取均正确。
-
最直接方案是父容器设display:flex，图片设display:block和max-width:100%防基线留白与宽高比崩坏，并用gap控制间距、flex-wrap:wrap防溢出。
-
用margin控制段落上下间距最可靠，因其直接修改浏览器默认的margin-top和margin-bottom，通用性强、不影响行高与字体渲染，且可单独设置；line-height仅影响段内行距，gap适用于Flex/Grid容器但不兼容IE，而<br>或空<p>则破坏语义且不可控。
-
ServiceWorker是运行在浏览器后台的独立JavaScript线程，作为事件驱动的代理层拦截并响应网络请求，需HTTPS注册、生命周期由浏览器控制；注册后需两次刷新才能完全激活，配合cacheAPI与fetch事件实现离线能力，缓存更新需手动清理旧版本。
-
Vue2中watch默认监听不到数组索引赋值（如arr[0]=newValue）和修改length的变化，因Object.defineProperty无法拦截；响应式操作有push、pop、shift、unshift、splice、sort、reverse；非响应式操作包括索引赋值、length修改及直接替换引用（除非deep:true）。
-
JavaScript如何实现页面滚动到顶部按钮功能？在网页设计中，有时我们需要一个可以快速返回页面顶部的功能，这样用户就不需要手动滚动页面了。这种功能通常通过一个“返回顶部”的按钮来实现。在本文中，我将向大家介绍如何使用JavaScript来实现这一功能，并提供详细的代码示例。首先，我们需要在HTML文件中添加一个按钮元素，用于触发返回顶部的功能。例如，可
-
纯CSS是一种快速创建响应式导航菜单的方法，无需使用JavaScript。在本文中，我们将为您提供实现响应式导航菜单的详细步骤，并提供具体的代码示例。步骤1：HTML结构首先，我们需要设置导航菜单的HTML结构。以下是一个简单的示例：<navclass="navbar"><ulclass="menu&q
