Tag
flexbox居中需父容器设display:flex、justify-content:center和align-items:center,并有明确高度;子元素不能脱离flex流;grid居中用place-items:center更纯粹,不改变文档流;margin:auto在flex中也可居中但优先级更高。
查看更多 2026-03-22
没必要刻意使用web安全色了。现代浏览器均支持24位真彩色,不存在自动抖动问题;所谓“意外触发”实为工具链残留或配置误判,真正需关注的是alpha色、CSS变量兼容性及色域fallback等实际渲染行为。
查看更多 2026-03-22
CSS径向渐变用radial-gradient()实现,至少需两个颜色,可指定形状(circle/ellipse)、尺寸(如far***st-corner)和位置(atxy),支持多色与色标控制,现代浏览器均兼容。
查看更多 2026-03-22
所有现代浏览器完整支持rgb()、rgba()、hsl()、hsla()和十六进制颜色;IE8及更早版本仅支持十六进制、命名色和无alpha的rgb(),不支持rgba()和hsl(),需提供降级写法;hsl()中hue超限会自动归一化,saturation和lightness必须带%单位;十六进制简写#RGB是#aabbcc缩写,非八进制;八进制rgb()已废弃;预定义颜色名仅16个在IE8可靠
查看更多 2026-03-22
使用position:absolute易致表单控件脱离文档流而错位或消失;应为父容器设position:relative,慎用百分比定位,优先用transform微调、flex实现对齐,并正确建立堆叠上下文以保障z-index有效。
查看更多 2026-03-22
伪元素必须设置非空content属性才能渲染并触发动画;动画属性需直接作用于伪元素自身;需配合display和定位控制尺寸与上下文。
查看更多 2026-03-22
Demand feedback