近期知识总结
display:list-item
这个以前没怎么用到过，刚才碰巧看到了了解了一下它的用法，记录在这。
display:list-item 作用是:为元素内容生成一个块型盒，随后再生成一个列表型的行内盒。此属性可用于再写行内元素转化为块元素时 使内容填写的框架更加便捷。
vertical-align
1.在我写行内块元素布局的时候，发现写入内容是内容的对齐方式向下，致使布局乱，学长向我介绍使用了这个属性，使用这个属性值为top时，代码块内容对齐方式被设置成为上部对齐即可解决问题， 即可解决问题。
3D
透视：在父类中使用透视的属性；persoective，透视值越大则3d效果越明显。
属性：transform:1.translateX/Y(),其为调节对象的X，Y轴的距离，分为正负值为正反方向。
2.rotate():功能是使对象旋转，单位是deg。
3.skewX/Y():功能为使对象倾斜，单位同为deg。
4.scaleX/Y():功能为使对象是对象围绕X/Y旋转。
转化为3D效果 仅需将上文中的透视属性配上其值添加在对象父类的属性中即可。
动画
animation：我认为在引用动画在animation里面写东西的时候关键的属性有4个；
- 第一个自然是先命名（自定义） 如：myname。
- 第二个是整个动画的周期 如：0.3s。
- 第三个是规定动画运动的时间曲线，默认的是ease，速度为变化， 较为经常用的值为linear，作用为是整体动画速度为匀速。
- 第四个是animation-direction：作用为否循环交替反向播放动画，关键属性值为：infinite（无限循环播放），reverse（可以实现反向循环）。，
其次自然是定义动画的过程时间段 两种：
- 其一自然是：@keyframes name（自定义）{
form{}
to{}
} - 其二是 ：@keyframes name（自定义）{
（使用过程的百分数来分阶段定义 ）如：
0%{}
25%{}
50%{}
75%{}
100%{}
}
在这两种中可以写入要写的对象属性变化 ，分时间段去写如相应自己想要的格式中即可实现。
注意：有一点为属性冲突，在定义动画格式的时候如果为同一属性，不要分开写，否则会出现效果遮盖。如：
(例1)：0%{
transform：translate(…)
transform: rotate(…deg)
}
上述的这种写法是错的，本意是想要实现对象的移动与旋转，但这样去写会致使最终的效果只有一种。
（正确写法）：0%{
transform：translate() rotate ();
}
这样去写即可