Tag
本文揭示了CSS选择器组合的一个常见陷阱：将标准伪类与带厂商前缀的伪类（如:read-only和:-moz-read-only）合并在同一条CSS规则中。由于浏览器对不识别选择器的处理机制，这种组合可能导致整个样式规则失效。文章将深入解析其原理，并提供正确的编写范式，确保CSS样式在多浏览器环境下的兼容性和有效性。
查看更多 2026-03-22
preload属性有三个可选值：none、metadata、auto；none不加载任何数据，适合大文件或流量敏感场景；metadata仅加载元信息，兼顾响应速度与流量节省，是移动端默认行为；auto则尽可能预加载全部视频内容，适合核心视频内容提升播放体验。
查看更多 2026-03-22
兼容性最强的是float+margin方案，支持IE6；现代项目首选flex布局，IE10+支持；grid最简洁但仅限现代浏览器；absolute定位因脱离文档流、维护难、可访问性差而不推荐。
查看更多 2026-03-22
CSS3动画适合声明式简单交互动画，requestAnimationFrame适合需精确控制、数据驱动或复杂逻辑的动画；前者性能高但灵活性低，后者可实时读取DOM、响应交互、同步音频等。
查看更多 2026-03-22
flex-basis是flex项目在主轴方向的初始大小，仅对flex容器生效，可被flex-grow/shrink调整；而width/height是通用尺寸属性，在flex布局中不直接作为主轴基准，除非flex-basis为auto才回退使用。
查看更多 2026-03-22
Flex容器拖拽错乱需先设align-self:flex-start或显式height；用透明占位div调setDragImage；禁用gap改用margin；dragover时preventDefault，再依flex方向比对坐标找插入点。
查看更多 2026-03-22
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
Demand feedback
