浮动笔记:

CSS的定位机制有3种：普通流（标准流）、浮动和定位。

浮动概念:

	元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。
	浮动的目的就是为了让多个块级元素同一行上显示。
	

浮动语法：

	选择器{float:属性值;}
	属性值：	
		left 	左浮动
		right 	右浮动
		none	不浮动（默认值）

浮动特性：

	1.	浮动脱离标准流，不占位置，会影响标准流。浮动只有左右浮动。
	2.	浮动的元素总是找离它最近的父级元素对齐。但是不会超出内边距的范围。 
	3.  浮动的元素排列位置，跟上一个元素（块级）有关系。
		（1）. 如果上一个元素有浮动，则A元素顶部会和上一个元素的顶部对齐；
		（2）. 如果上一个元素是标准流，则A元素的顶部会和上一个元素的底部对齐。

浮动内幕细节：

	1. 块级元素浮动尽量都浮动
	2. 浮动之后不占标准流空间（不再为父元素提供高度），后面的元素会补位
	3. 浮动会紧贴父元素内边距上
	4. 不要给最大的父元素设置浮动
	

什么是版心：

	“版心”(可视区) 是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200px等。 

版心的特点：

		块级元素，水平居中，固定宽度	
	

网页制作 布局流程：

	1.  确定页面版心
	2.  分析页面结构
	3.  编写HTML代码
	4.  CSS初始化、使用css开始布局

为什么要初始化CSS？

	1. 不同的浏览器 默认样式不一样 、为了保证网页在不同浏览器下 有同样的效果
	2. 部分标签有一些默认样式，但我们并不需要这些默认样式（比如：a标签下划线、ul li小黑点）
	3. 统一浏览器字体大小、字体样式、字体颜色、行高