Html盒子+定位+浮动+选择器

Html盒子+定位+浮动+选择器
1.标签显示方式display

	（1）inline行内
	（2）block块级
	（3）inline-block行内块
	  (4)none 隐藏

2.背景

	（1）background-image背景图片
	（2）background-position背景位置（多用于精灵图）
	（3）background-attachment背景附着（页面内容滑动时，背景不变）
	（4）background-repeat背景重复
	（5）background：rgba背景透明
	（6）background-size背景缩放

3.浮动
特点：

				脱离文档流
				改变元素显示方式
				跟随父盒子移动
	影响：父盒子高度坍塌
			解决：给父盒子设置高度
						清除浮动（clear：both）
						给父盒子加overflow：hidden
						...

4.定位position

	static自动定位
	relative相对定位（不脱离文档流）
	absolute绝对定位（脱离文档流）
	fixed固定定位

5.选择器

	（1）基本选择器（id  class  标签  多类名  通配符）
	（2）层次选择器（子代，后代，兄弟+）
	（3）伪类选择器（动态伪类，目标伪类，语言伪类，UI元素伪类（focus，checked），
	结构伪类（first-child,nth-child），否定伪类）
	（4）伪元素选择器
	（5）属性选择器