生活决策观察

CSS 层叠上下文与层叠顺序深入：哪些属性会创建新的层叠上下文、同一上下文内七层的绘制先后顺序，以及为什么有时 z-index 设再大也压不住另一个元素。

CSS 宽度与高度深入：怎么用 Chrome DevTools 的 Computed 面板查元素实际尺寸，以及 width/height 在不同盒模型、不同 display 下的计算规则和百分比参照对象。

CSS3 @media 媒体查询详解：语法结构、常用媒体特性（宽高、分辨率、方向、悬停能力）、逻辑运算符组合，以及在 link 与 import 上指定媒体类型的写法。

CSS3 新属性总览：边框圆角与边框图片、渐变背景、文字阴影、2D/3D 变换、过渡与动画、多列布局等新特性的属性清单与作用说明，按功能分类整理。

CSS 全局关键字 initial、inherit、unset、revert 的区别：各自把属性重置成什么值、unset 如何在可继承与不可继承属性上表现不同，以及它们的浏览器支持情况。

CSS 隐藏元素三种方式对比：opacity:0、visibility:hidden、display:none 在是否占位、是否可点击、是否触发重排、能否过渡动画、对子元素的影响上的全部差异。

CSS background-image 的 7 个实用技巧：背景图完美适配视口、多背景叠加、渐变与图片混合、背景定位与裁剪的技巧，每条附可直接用的代码。

CSS 常见问题排查：中英文混排行高不一致的成因与解法、文字基线对齐差异、以及其他线上环境才暴露的排版问题，每条都给出定位思路而不只是结论。

CSS 比较函数 min()、max()、clamp() 使用指南：怎么用它们做响应式字号与自适应容器宽度，替代大量媒体查询，附浏览器兼容情况与实际场景示例。

CSS 的值与单位详解：px、em、rem、vw/vh、百分比等长度单位的换算基准与适用场景，以及颜色、角度、时间等各类值的完整写法。