-
图片点击波纹效果需用JS获取坐标并动态创建span元素实现，因HTML无法触发:active且CSS不能读取鼠标位置；推荐用div容器包裹img，设relative定位，JS监听mousedown/touchstart，计算偏移后插入带scale+opacity动画的圆形span，结束自动移除。
-
伪元素内容无法直接设置多色文本，但可通过SVG数据URI实现：将包含不同fill颜色的SVG代码编码后赋值给content属性，从而在伪元素中显示多色文本或图形，结合color、background-image等方法可灵活控制颜色与装饰效果。
-
LighthouseCI是基于Node.js的CLI工具，非HTML功能，需在CI中启动本地服务后通过lhcicollect访问并用lhciassert校验阈值，依赖Chrome实例执行审计，无法在静态HTML中直接调用。
-
localStorage是同步API，由浏览器内核管控，V8仅执行JS调用；数据先同步更新内存缓存，再异步落盘，崩溃时未刷盘数据会丢失。
-
选中.css文件右键选择“打开方式”>“选择其他应用”，找到VisualStudioCode并勾选“始终使用此应用打开.css文件”，点击确定即可完成设置。
-
HTML设置输入框类型的关键在于<input>标签的type属性，其取值决定了输入框的形式与浏览器处理方式。1.常见类型包括text、password、email、number等，分别用于文本、密码、邮箱、数字等输入场景；2.邮箱验证通过浏览器内置机制实现，检查是否包含@符号及其格式正确性，但需配合服务器端验证以确保安全；3.数字输入框样式可通过CSS隐藏默认箭头并自定义绘制，或使用JavaScript库简化操作；4.type="date"在现代浏览器兼容性良好，但为支持老旧浏览器，可引入po
-
<dialog>标签需调用showModal()才实现真模态（含遮罩、禁背景交互），show()仅为普通浮层；未入DOM、未设open、ShadowDOM内调用或CSS重置均致点击无反应，Safari15.4+才支持showModal()。
-
应优先选用stylelint搭配postcss-reporter，因其规则细致、支持自定义性能规则（如禁用触发布局的hover、限制!important频次），并可导出JSON/HTML供CI阈值拦截；需手动启用stylelint-performance插件及对应规则，且须将其集成进PostCSS配置链路而非单独运行。
-
毛玻璃导航栏的核心原理是利用backdrop-filter对下方内容实时模糊，叠加低透明度背景色实现通透质感。关键需满足三条件：容器具备alpha通道透光性、不遮挡底层内容、启用backdrop-filter；仅用rgba()仅为磨砂效果，非真毛玻璃。
-
WebComponents是浏览器原生API，含CustomElements、ShadowDOM和HTMLTemplates三部分；CustomElements需用短横线命名并继承HTMLElement；ShadowDOM提供样式封装，支持::part()和:host暴露接口；template内容需cloneNode使用，内联脚本不执行。
-
break-words能强制长单词/URL换行但非万能，需配合max-w-full、block等类及避免white-space:pre等冲突样式才生效。
-
containerqueries在旧版浏览器中不报错而是静默忽略，Chrome110+、Firefox113+、Safari16.4+才原生支持，Safari16.4需加-webkit-前缀，@supports检测必须用(container-type:inline-size)。
-
h1-h6标签按重要性递减排列，正确使用可提升可读性与SEO；每个页面建议仅用一个h1突出主题，h2划分主章节，h3及以下逐级细化内容，避免跳级；标题应包含关键词但自然通顺，与title语义一致；禁用多个h1、CSS伪装标题或无关关键词；结构清晰有助于搜索引擎索引与精选摘要展示。
-
使用grid-auto-rows:minmax(100px,auto)可使每行卡片最小高度为100px并随内容自动扩展，结合grid-template-columns:repeat(auto-fit,minmax(250px,1fr))实现列数自适应，gap控制间距，容器内卡片等宽分布且响应式调整；在移动端可将minmax最小值改为180px、减小gap和调整字体以优化显示效果，整体布局简洁灵活，真正实现内容驱动的响应式卡片墙。
-
通过Canvas和JavaScript可在HTML5中实现水印功能，首先创建canvas绘制文字并转为base64图像，再将其设为页面背景或固定定位的透明图层，覆盖全屏且不影响交互，常用于提示和防泄漏。
