布局

1. 垂直居中的几种方案，按照父元素大小是否确定划分：

1. 父元素大小确定
-     display:flex;justify-content:center;align-item:center;
-     父元素：position：relative;子元素：position：absolute;top：50%;left：50%;transform:translate(-50%,-50%)。
        注意：tranform：translate(-50%,-50%)中的偏移（-50%，-50%）是根据自身的长宽来偏移的
-     table布局

动画

1. 如何暂停/恢复一个动画效果，比如现在有一个组件浮动位移，鼠标悬停在其中时停止位移，鼠标移出则在原有的基础上继续位移。

animation-play-state 属性：paused（暂停）/running（继续） 实现：声明动画@keyframes silderOnScreen{ form{left,top}to{left,top}} 设置父元素position为relative； 子元素position：absolute；animation：silderOnScreen 5s infinite(重复) inliner（线性） 等； 子元素伪类：hover{ animation-play-state：paused}