css 小細節
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,允許我們將動畫或者過渡分割成段,而不是從一種狀態持續到另一種狀態的過渡