H5css3及弹性盒子+动画+过渡

H5css3及弹性盒子
1.语义化标签

	header，nav，footer。。。

2.多媒体

	audio播放音频
	video播放视频

3.弹性盒子

	1).容器属性
		（1）flex-direction主轴方向（row，row-recerse，column，column-reverse）
		（2）flex-wrap换行
		（3）flex-flow
		（4）justify-content主轴
		（5）align-items交叉轴对齐
		（6）align-content多轴
	2）项目属性
		（1）order排列，数值越小排列越前
		（2）flex-grow放大比例
		（3）flex-shrink缩小比例
		（4）flex-basis分配多余空间
		（5）align-self单项目设置

4.渐变gradients

	（1）线性渐变linear gradients （background：linear gradients （方向，颜色1，颜色2））
	（2）径向渐变radial gradients（background：radial gradients （中心点，形状，颜色1，颜色2）） 

5.文本效果

	（1）text-shadow文本阴影
	（2）box-shadow盒子阴影
	（3）text-overflow溢出（overflow：hidden；text-overflow：ellipsis；white-space：nowrap；）
	（4）word-break单词拆分换行

6. 2D转换transform

    （1）transform：translate平移
    （2）transform：rotate旋转
    （3）transform：scale（2，3）缩放
    （）transform：skew倾斜
   

7.过渡transition

	（1）transition-property：希望哪些属性发生过渡
	（2）transition-duration过渡时间
	（3）transition-timing-function运动曲线
	（4）transition-delay过渡延迟

8.动画animation

	（1）animation-name动画名
	（2）animation-duration持续时间
	（3）animation-delay延迟时间
	（4）animation-iteration-count循环次数
	（5）animation-direction是否反向运动
	（6）animation-play-state动画的状态
	@keyframes 动画名（）{
			from{}；
			to{}；
		}