布局：
	1.display：
		inline
		block
		inline-block
	2.浮动
		float:left/right;
		脱离默认文档流

		不会遮挡文字
		行内元素：可以设置宽高属性
		块级元素：不会独占一行

		清除浮动：
			clear:left/right/both


	3.定位布局
		position:
			static
			absolute:绝对定位
			relative:相对定位
			fixed:固定定位
			sticky:粘滞定位
				relative+fixed

		z-index:
			绝对定位之后使用
			number
			值越大，元素越靠上



		配合属性：
			top
			left
			bottom
			right
	4.伸缩盒布局
		display:flex;
			div>p

		浮动属性失效
		flex-direction:row/row-reverse/
		flex-wrap:wrap;
		-->
		flex-flow:row wrap

		align-items:
			flex-start
			flex-end
			center
		justify-content:
			flex-start
			flex-end
			center
			space-around
			space-between

	------------
	flex:number


---------------------------------
1.定义动画轨迹
	@keyframes 轨迹名称{
		from{
		 	//开始位置的样式
		}
		to{
			//结束位置的样式
		}
	}

	@keyframes 轨迹名称{
		0%{}
		50%{}
		60%{}
		100%{}
	}
2.元素执行轨迹
	div{
		animation-name:轨迹名称
	}


----
	animation-timing-function:
		 ease
		 ease-in
		 ease-out
		 ease-in-out
		 linear
		 steps(3)

----
选项卡logo：
	16px*16px
	.ico

	1.获取一个ico格式图标
		16px*16px

	2.在html页面中引入图标
	<link rel="shortcut icon" type='images/-icon' href="">



呼吸灯：
	
	1.外圆
		1.扩大10px
		2.缩小10px
		3.保持不动
	2.内圆
		1.外圆扩大的同时，内圆缩小10px
		2.外圆缩小的同时，内圆扩大10px
		3.内圆缩小12px
		4.内圆放大12px