介绍《CSS 揭秘》这本书中的 CSS 技巧，持续更新中...

Web layout 是Web UI中的基础架构, 重要性不言而喻. 传统的盒模型, 借助display, position, float 属性应对普通布局游刃有余, 但针对复杂的或自适应布局, 常常捉襟见肘. 比如垂直居中, 就是一个老大难的问题, 借助flex弹性盒模型, …

领略 CSS 的强大及美妙，使用 CSS 生成几何图形的各种方式及不同应用场景，对提高 CSS 水平大有裨益。

你大概已经听说过 CSS 自定义属性 （也被称为 CSS 变量），可能你是从 Google 发表的这篇文章中得知这个属性的。你可能尚且不了解这个特性的浏览器支持程度，从没见过相关的最佳实践，也无从将它同 Less 或者 Sass 做比较，总之就是一头雾水。那现在就怀揣着一肚子疑问，接着往下看吧，我将为你一一解答。

这是阿里团队的高清方案布局代码，所谓高清方案就是根据设备屏幕的 DPR（设备像素比，又称 DPPX，比如 dpr=2 时，表示 1 个 CSS 像素由 4 个物理像素点组成） 动态设置 html 的 font-size, 同时根据设备 DPR 调整页面的缩放值，进而达到高清效果。

CSS3 相关知识点：布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack 写法。

本篇文章不一一列举CSS3动画的属性，若需要了解API，可前往 MDN