生活决策观察

CSS 常用属性速查：initial/inherit/unset 关键字、盒模型相关属性、文本与背景属性的取值说明，按使用频率整理，适合写样式时随手查。

CSS 浮动 float 详解：浮动元素如何脱离常规流、对周围布局造成什么影响，以及高度塌陷问题的成因与几种清除浮动的方案对比。

CSS 外边距合并（margin collapsing）详解：兄弟元素、父子元素、空元素三种合并情形分别怎么发生，合并后取较大值的规则，以及用 BFC 阻止合并的具体做法。

CSS 常见视觉效果实现：矩形边框流动动画、渐变描边、悬浮变换等效果的纯 CSS 写法，附效果图与可在线预览的完整代码，不依赖 JavaScript。

CSS 常用代码片段速查：页脚吸底、垂直居中、多行文本截断、等比例盒子、自定义滚动条等高频布局需求的现成写法，每段都给出可直接复制的完整代码。

Reset CSS 与 Normalize.css 的区别：前者抹平所有浏览器默认样式，后者保留有用默认值并修正浏览器 bug。从修复范围、模块化程度、调试体验几个角度对比，帮你选对方案。

CSS 浏览器兼容性处理：兼容问题的根本原因是内核差异，本文讲怎么判断是不支持还是浏览器 bug，以及条件注释与 CSS Hack 两种应对手段各自的适用场景。

CSS position 定位详解：static、relative、absolute、fixed、sticky 五种取值的行为差异，绝对定位到底相对谁，以及不设置 top/left 时元素会停在什么位置。

CSS transition 过渡与 transform 变形详解：transition 四个子属性如何配合、多属性过渡的写法，以及这两个 CSS3 属性在旧版 IE 与 Safari 上的兼容与前缀处理。

CSS animation 动画详解：@keyframes 关键帧怎么定义、animation 各个子属性的取值含义，以及为什么 CSS 动画在低性能设备上通常比 JavaScript 动画表现更好。