z-index基础介绍：三维坐标空间里，x轴通常用来表示水平位置，y轴来表示垂直位置，还有z轴来表示在纸面内外方向上的位置，像下面的图片一样：

1.单侧投影思路是box-shadow 的第四个长度参数。它排在模糊半径参数之后，称作扩张半径。这个参数会根据你指定的值去扩大或当指定负值时，缩小投影的尺寸。例如，一个-5px 的扩张半径会把投影的宽度和高度各减少10px（即每边各5px）。

默认情况下，背景会延伸到边框所在的区域下层。可以通过background-clip 属性来调整。这个属性的初始值是border-box，意味着背景会被元素的border-box（边框的外沿框）裁切掉。设置为padding-box，背景不会透过边框所在的范围，览器就会用内边距的外沿来把背景裁切掉。

在animationtiming-function/transition-timing-function 展开式属性中，都可以把这个默认的调速函数显式指定为ease 关键字。ease也是默认值，四种指定的缓动曲线值分别是ease、ease-in、ease-out(是ease-in 是反向版本)、ease-in-out、linear，四种的缓动曲线分别如下图所示：