1、div 裡的文字在沒有設定 margin padding 的情況有一點距離：如圖：左圖片和右文字之間沒有設定距離但有一點間隔

解決方法：給父級設定 font-size : 0;

2、左圖右字的佈局用 display: inline-block; 的情況下出現右邊偏下：如圖：

解決方法 ： 給左邊圖片的盒子設定 vertical-align: top;

3、盒子裡的元素上下左右居中

父級 display:box; box-align:center;(上下居中)  box-pack:center;(左右居中)

4、box-shadow 可實現透明層

.box-shadow-tm{width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-color: #fff;box-shadow: 0 0 0 999px rgba(0,0,0,0.7)}
 

box-shadow 第一個左右陰影  ，第二個是上下陰影， 第三個是向旁邊擴大陰影，  第4個數字引數是按標的色向外擴充套件範圍

其它 http://blog.csdn.net/g6uqwseseo/article/details/71439368

1.line-height

2.backgroud-clip和backgroud-origin

3.border-radius

4.animation-delay

5.box-shadow

6.css三角形

7.cursor

9.steps()

steps()是一個timing function，允許我們將動畫或者過渡分割成段，而不是從一種狀態持續到另一種狀態的過渡