与“transform”相关的TAG标签

:hover伪类需配合可交互元素使用，现代浏览器虽支持div:hover但语义差；必须显式声明transition才生效，且应写在默认状态中，优先使用transform和opacity等高性能属性。

CSS中不存在acid滤镜，所谓“酸性效果”需通过hue-rotate()、saturate()、contrast()动态组合+transform扭曲+mask溶解实现，核心是10deg色相抖动、2.0–2.5饱和度及局部液态形变。

z-index失效的根本原因是父容器创建了层叠上下文，导致子元素的z-index仅在该上下文中生效；常见触发属性包括opacity

返回顶部按钮必须监听滚动事件，通过window.scrollY检测滚动位置并防抖处理，首次加载需手动检查；跳转优先用window.scrollTo({top:0,behavior:‘smooth’})并降级；CSS需适配安全区、z-index和可访问性。

当position为absolute或fixed且top、left、right、bottom均设非auto时，元素会自动拉伸填满除去四边偏移后的区域，width=包含块宽度−left−right，height=包含块高度−top−bottom。

::first-line仅对块级容器中首行文本生效，失效主因是元素非块级、父容器破坏文本流、首行无文本或样式属性不被支持。

z-index对浮动元素无效，因float不创建层叠上下文且z-index仅对定位元素生效；需同时添加position:relative和z-index才生效，推荐改用flex或grid布局。

functor是重载了operator()的类，可像函数一样调用且带有状态；如Adder(5)(10)返回15，它非函数指针也非lambda，但支持内联优化与模板推导，适用于需携带不变数据的泛型场景。

::before和::after必须设置content才生效，否则不可见；适用于添加装饰图标、纯CSS图形、清除浮动及自动引号等场景，且需注意定位上下文与display设置。

box-shadow不占用布局空间，纯属视觉修饰，不影响元素尺寸、文档流位置及相邻元素；其被overflow:hidden裁剪是因绘制区域超出而非占位；需手动用margin等预留空间。