-
metaname="keywords"基本无效，主流搜索引擎已忽略，错误使用反致垃圾信号，仅极少数合规场景需填写3–5个精准词；charset和description必须配齐，前者防乱码，后者影响点击率；viewport和theme-color对移动端体验至关重要；canonical防重复内容，og标签保障社交分享效果。
-
容器查询必须先声明container-type，否则@container规则无效；仅inline-size广泛支持；不可用于:root或body；禁用em/rem等相对单位；推荐px单位；container-name实现命名隔离；Chrome105+等主流浏览器原生支持。
-
role="region"仅在内容具独立语义、需用户聚焦且无原生语义标签时使用，必须配aria-label/labelledby；它不触发通告，动态更新需配合aria-live；框架中应加于稳定容器并确保焦点可达。
-
用:root而不是普通class定义变量，因其提供全局、可继承、可动态修改的CSS自定义属性，支持媒体查询和主题切换，且仅:root伪类有效；命名需语义化、组织需模块化、JS修改应直接操作document.documentElement.style。
-
直接写vw或rem在CSS-in-JS中易出错，因库默认为数字值自动添加px单位；须显式传字符串（如"16vw"）或使用clamp()等原生方案确保单位生效。
-
Flex靠flex:1均分剩余空间，需父容器设display:flex且无固定宽；Grid用repeat(auto-fit,minmax(250px,1fr))动态定列数并弹性伸缩列宽，gap替代margin更精准。
-
prefers-color-scheme媒体查询用于检测系统主题，需配合window.matchMedia监听change事件实现响应式切换，CSS变量应按:root默认→媒体查询覆盖顺序定义，并结合localStorage优先级管理用户手动选择与系统偏好冲突。
-
::after能清浮动而::before不行，因::after位于容器末尾可设clear:both下移撑开父容器，::before在开头无约束力；必须设content:""且display为block/table等块级值。
-
text-overflow:ellipsis仅支持单行省略；多行需用-webkit-line-clamp（需display:-webkit-box等配合）、::after伪元素遮罩或JavaScript精确截断，各有兼容性与精度权衡。
-
<p>LookerStudio自定义HTML组件不支持任何HTML注释（包括<!---->及条件注释），唯一稳定方案是用<spanstyle="display:none">占位存放说明文字，并将逻辑注释写入<script>块内。</p>
-
绝对定位元素的width:100%常失效，因其百分比宽度相对于最近已定位祖先计算；若无已定位父级，则相对于html计算，导致撑满视口或截断；修复需设父级position:relative或改用left/right。
-
用<select>实现退换货原因下拉菜单需使用预设<option>，value为简短英文标识符（如quality_issue），禁用自由输入；必加required和空value的默认提示项，并通过<label>绑定提升移动端点击体验。
-
使用position:fixed使导航栏脱离文档流并固定于视口顶部，需手动设置margin-top避免内容遮挡；2.使用position:sticky让导航栏在滚动到顶部时自动吸附，仍保留文档流位置，无需额外留白；3.fixed兼容性好但布局影响大，sticky更智能且自然，适合现代浏览器下的长页面设计。
-
使用CSS框架如Animate.css和Tailwind可快速实现按钮动画。通过引入Animate.css并结合hover触发脉冲效果，或在Tailwind中利用transition、transform类实现悬停缩放与变色。在React中配合CSSModules，可通过状态控制点击时的抖动动画，关键在于交互状态与动画类的结合，合理运用transition、transform和keyframes提升按钮响应性与视觉体验。
-
hover触发的多级菜单为什么鼠标一移就收起来了根本原因是:hover只作用于当前元素，子菜单如果和触发元素有物理间隙（比如margin、border或父容器overflow隐藏），鼠标从触发项移到子菜单途中会离开:hover区域，导致样式立刻失效。这不是bug，是CSS的层叠行为决定的。实操建议：确保触发项（如.menu-item）和下拉菜单（如.submenu）在DOM中是父子关系，且视觉上无缝衔接——菜单top值应紧贴触发项bottom，不要留空隙给父
