HTML5

 

　　display:flex; 在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩 flex:1; 子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式，center 垂直居中justify-content:center 设置子元素在父元素中居中，前提是子元素没有把父元素占满，让子元素水平居中。

 

　　CSS3

 

　　1 选择器

 

　　2

 

　　CSS3中的三种动画

 

　　transform      transition        animation

 

　　transition-property（变换的属性，即那种形式的变换：大小、位置、扭曲等）；

 

　　transition-duration（变换延续的时间）；

 

　　transition-timing-function（变换的速率）

 

　　transition-delay（变换的延时）

 

　　3 animation

 

　　这三种动画的区别

 

　　transform我们可以理解为元素的几何变形，它是有规律可寻的，这种变形并不会产生动画效果仅仅是原有形状的改变；transition和animation它们很像 flash 中的补间动画和逐帧动画；transition是从一个状态变化到另外一种状态，当变化有了平滑的效果后就产生了动画，它是一个公式化的变化，在比较规则的动画效果中我们可以使用，例如：旋转的风车、行驶的汽车、颜色的渐变等等；animation的动画效果更加灵活，可以实现像影片一样的复杂无规则的动画