动画：
	animation
	1.声明一个动画轨迹

		1》
		@keyframes move{
			from{
				//动画开始位置样式
			}
			to{
				//动画结束位置样式
			}
		}

		2》
			@keyframes move{
				0%{}
				50%{}
				100%{}
			}

	2.应用给元素
		div{
			animation-name:'';
			animation-duration:s/ms
			aniamtion-delay:s/ms
			aniamtion-itration-count:
			aniamtion-timg-function:
				ease
				ease-in
				ease-out
				ease-in-out
				linear
				steps(5)

			aniamtion-direction:
			aniamtion-fill-mode:


		}



2.transition:
	过渡属性
		-property：width height/all
		-duration：s/ms
		-delay:
		-timg-function:

-----
3.tansform:
	变形
	rotate:旋转

4.媒体查询
	1.引入一个viewport meta标签
		<meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no'>

	2.设置样式
		1》在style 标签内部
			@media screen and (max-width:1000px){
				//css样式
			}

		2》link标签
		<link rel="stylesheet" media='screen and (max-width:1000px)' href="">


css框架：
	bootstrap:
		css+js:

		.css
		<link rel="stylesheet" href="">

		<div class=''></div>