直接用 linear-gradient() 做背景时，如果没指定颜色透明度或 fallback 色，常出现“渐变没生效”“背景全黑/全白”的错觉——其实不是没渲染，而是起止色相同、方向写反、或被后续 background-color 盖住了。
html5如何给阴影_HTML5为元素添加CSS阴影效果技巧【阴影添加】
CSS阴影效果通过box-sh…
css
精选推荐
Grid网格布局如何实现瀑布流效果_利用grid-auto-flow:dense自动填补空白
CSS Grid 本身不原生支…
HTML如何实现顺序选择器_表单步骤设计指南【解析】
HTML无原生顺序选择器，但可…
最新动态
css渐变色在背景中的应用_使用线性渐变和径向渐变来实现
Sublime如何快速将CSS颜色值转为HEX或RGB？（设计协作）
别指望 Ctrl+Shift+P 搜“convert color”能直接调出原生命令——Sublime Text 本身不带颜色值解析和互转逻辑。所有所谓“一键转换”，都依赖第三方插件，且多数只支持基础场景：比如把 #fff 展开成 #ffffff，或把 rgb(255, 0, 0) 转成 #ff0000，但对 hsl(0, 100%, 50%) 或带 alpha 的 rgba() 支持很弱。
CSS过渡属性的有效值检查_理解关键字与数值之间的过渡
不是所有 CSS 属性都能被 transition 动画化，写错了就完全没效果，连控制台都不报错，纯靠肉眼“感觉不动”。关键看浏览器是否把该属性列为「可动画化属性」（animatable）。
CSS-in-JS实践_使用Styled Components在JS中写CSS
这是 Styled Components 默认行为，不是 bug。它靠动态生成唯一类名实现样式隔离，避免全局污染。但这也意味着你不能靠手写类名去覆盖样式，也不能在 DevTools 里靠类名做断点调试。
CSS交叉轴对齐align-items_控制单行弹性元素的垂直对齐
不是“无效”，是它根本不起作用——align-items 仅在单行 flex 容器（即 flex-wrap: nowrap）中控制交叉轴对齐；一旦启用 flex-wrap: wrap，每行变成独立的“行盒”，align-items 就只影响该行内元素的对齐，无法跨行对齐。
CSS框架DaisyUI实战_基于Tailwind的组件化UI扩展
因为 daisyUI 默认依赖 Tailwind 的 hover:、focus: 等变体（variants），而新版本 Tailwind 默认只启用部分变体；若未显式开启，btn-primary hover:bg-primary-focus 这类样式根本不会生成。
css grid嵌套布局子元素如何独立对齐_设置grid容器对齐属性
Grid 容器的 align-items / justify-items 只影响所有子项的默认对齐方式，真正让某个子元素“脱群”对齐，必须在该子元素自身上设置 align-self（垂直方向）和 justify-self（水平方向）。这两个属性会覆盖容器级设置，且仅作用于单个网格项。
css元素悬停后过渡不生效怎么办_检查transition属性书写是否正确
必须写在悬停前的原始状态里，也就是 :hover 规则之外。浏览器只在属性值变化时触发过渡，如果 transition 只写在 :hover 中，那初始状态没有过渡定义，变化就直接跳变。
CSS伪类:fullscreen应用_进入全屏模式后的样式定制
浏览器只在元素真正处于全屏状态（即通过 Element.requestFullscreen() 进入）时，才匹配 :fullscreen 伪类。直接写 CSS 却没调用 JS 全屏 API，样式必然不会触发。
CSS浮动在表单对齐中的应用_标签与输入框的左右排列
是的，这是最常见错觉。用 float: left 给 label 和 input 同时浮动，它们确实会并排，但后续表单项大概率塌陷、错位，甚至整个表单容器高度变成 0。