web前端

旋转：先定义动画：@keyframes rotate{
            0%{
                transform: rotate(0deg);}
           100%{
                transform: rotate(360deg);}
            }
      在父标签里加 animation：rotate 1s（时间）infinite（跳动次数）
            linear（匀速）
跳动：先定义动画： @keyframes tiao{
            0%{
                transform:scale(1);}
            100%{
                transform:scale(0.5)；}
              }
        在父标签里加animation：tiao 1s（时间）infinite（跳动次数）
            linear（匀速）
  注：在跳动并且需要旋转时，在定义动画transform后再加上调整的度数。

盒子转动：定义动画：@keyframes hua{
            0%{
                top: 0;
                left: 0;}
            25%{
                top: 0;
                left: 300px;}
           
            50%{
                top: 300px;
                left: 300px;}
            
            75%{
                top: 300px;
                left: 0;}
            
            100%{top: 0;
                left: 0;}

                              }
           在小盒子里面加 animation: hua 1s（时间） infinite（次数） 
           linear（匀速）alternate（反复）;        
相对定位：relative       绝对定位：absolute    （position：absolute）
 注：相对定位的占位参考值是自己原来的位置。绝对定位参考值是一层一层，
找到最近有定位的标签。
 层级：Z-index (设置层级关系，值越大层级越高)
相对于父级居中：

           margin：auto；
           top:0; 
           bottom:0;
           left:0;
           right：0;
        改变基点：transform-origin: right bottom;