height: 50px;
background: white;
z-index: 2 }
</style>
<div class="first-div"></div>
<div class="second-div"></div>
这里我们将第一个div和第二个div位置放到一起，方便看z-index的效果。以上代码的样式是紫色的正方形里面有个白色的小正方形。因为小正方形的z-index大于大正方形的z-index，所以能显示出，当我们把.first-div的z-index设置为3，这时候就看不到白色的小正方形了，它被紫色的大正方形无情的挡掉了..
zoom 元素缩放比例
zoom适用于所有元素，用于设置或检索对象的缩放比例，对应的脚本特性为zoom，原比例的值是1。
CSS Code复制内容到剪贴板
<style>
div{
width: 100px;
height: 100px;
float: left }
.first-div{
background: purple;
zoom:1.5 }
.second-div{
background: black;
zoom:1 }
.third-div{
background: red;
zoom:.5 }
</style>
<div class="first-div"></div>
<div class="second-div"></div>
<div class="third-div"></div>
以上代码将会展示的依次是紫色-黑色-红色的div，大小分别是100px的1.5倍，1倍，0.5倍。
em 和 rem 是什么
