常用的css

deep 用于vue组件穿透  
.clear-float:after{ display:block; content:' '; clear:both; }
relative 相对、absolute 绝对 fixed 固定 、sticky 粘性

dispaly:flex; flex-flow:column-reverse; flex-wrap:wrap;
 justify-contnet:center; align-items:center; 

flex-start、flex-end、center、space-between、space-around 

calc( ( 100% - 100px ) * 20 )    lettet-spacing:10px

-wekit- transform:translate(50px,100px) rotate(30deg) scale(2,4);   
-ms-transiton: windth 2s transform 2s;    //IE9   

box-shadow: 2px 2px 4px red;    //左右，上下 模糊  度  颜色  盒子阴影 
text-shadow: 5px 5px 5px #FF0000; 

@media screen and (min-width: 480px) {
   body {background-color: lightgreen;}
} 
@keyframes myfitst{ 50%{width:10px;} 100%{width:20px;}  }  
div{animation:myfitst 2s;} 

table{  border-collapse:collapse;  border:1px #555 solid;  }

pointer-events: none;  //点击穿透效果