1、定位回顾：

　　相对定位/relative：不脱离文档流/标准流，盒子占据固定位置，盒子里的"内容"可以向他处"漂浮"；

　　浮动/float：脱离文档流，不脱离文本流，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围； 
　　绝对定位/absolute：脱离文档流，且脱离文本流，其他盒子与其他盒子内的文本都会无视它；

　　注意：所谓脱离文档流/文本流，是相对于元素所在的当前行而言，并非默认往父元素左上角堆排。

2、transform-style：

　　transform没有继承性的理解：

　　　　比如rotateY，父元素翻转30°，意味着其所有子元素所在的平面翻转30°，故看起来像是子元素自己翻转30°，其实子元素自己并未翻转30°，因为transform没有继承性。

　　若设置transform-style:flat;：

　　　　意味着其子元素将不保留其3D位置；

　　　　理论上，若元素rotateY(-30deg)，其子元素rotateY(30deg)，合并后子元素实际上还是有翻转，但翻转的角度与正常翻转的不同？

　　若设置transform-style:preserve-3d;：

　　　　意味着其子元素将保留其3D位置；

　　　　理论上，若元素rotateY(-30deg)，其子元素rotateY(30deg)，则合并后子元素没有翻转。

3、perspective：

　　美术中的透视；

　　perspective 指定观察者与z=0平面的距离，使具有三维位置变换的元素产生透视效果；

　　z>0的三维元素比正常大，而z<0时则比正常小，大小程度由该属性的值决定？；

　　三维元素在观察者后面的部分不会绘制出来，即z轴坐标值大于perspective属性值的部分？；

　　默认情况下，消失点位于元素的中心，但是可以通过设置perspective-origin属性来改变其位置？；

　　属性值为0或负值或none（none是默认值）时，没有透视效果？；

　　总结：

　　　　只能选择透视方式，也就是近大远小的显示方式；

　　　　镜头方向只能是平行Z轴向屏幕内，也就是从屏幕正前方向里看；

　　　　可以调整镜头与平面位置：

　　　　　　a) perspective属性设置镜头到元素平面的距离：

　　　　　　　　所有元素都是放置在z=0的平面上？应该是投影。比如perspective(300px)表示，镜头距离元素表面的位置是300像素。

　　　　　　b) perspective-origin属性规定了镜头在平面上的位置，默认是放在元素的中心。

4、span：

　　使用span来组合行内元素，以便通过样式来格式化它们；

　　比较对象 div。

5、rgba：

　　a代表透明度，值为[0,1]，0表示完全透明，1表示完全不透明(正常显示)。

6、transform：

　　同时设置多个函数：transform: translateZ(500)rotateX(45deg);？

　　如何拼接出一个正方体？

7、backface-visibility：

　　规定当发生翻转时，元素的背面是否可见；

　　只要有部分背面面向用户，就全部不可见？比如翻转120°。