PS：非直译。有翻译不当的地方，请指出。CSS3 引入的 box-shadow 属性用来创建阴影效果。阴影效果给我们的二维平面增加了深度的感觉。

假如只是开发简单的弹窗效果，懂得通过 z-index 来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好，那么充分理解 z-index 背后的原理及兼容性问题就是必要的知识储备了。本文作为对 W3C Recommendation-Layered presentation 学习后整理的笔记，以便日后查阅。

本文样式代码采用 SCSS。浏览器兼容性为 IE6+。 你的网页中，不可能没有使用过 margin。大多数情况下，我们采用的都是正数的 margin 值，可能有时候会用到负的 margin 值。在我们的印象中，负的 margin 值就类似于浏览器的 hack 一样，不被人接受。…

巧用 margin/padding 的百分比值实现高度自适应，其精髓在于宽度，margin/padding 设置百分比弥补了元素高度无法自适应地与元素宽度保持一致的缺陷。

详细的介绍了 CSS 中对各类元素盒子模型的定义及使用方法

下面这几个CSS技巧你可能不知道，1.彩色照片变黑白，2.所有元素垂直居中，3.禁用鼠标，4.模糊文字，小编学完能量满满的，觉得对CSS又充满了爱，你也来看看。

css 的盒模型和定位是 css 中的难点，有很多人对此不理解或者理解的不透彻，那么，这篇文章将带你理解什么是 css 盒模型和定位