W3C标准：

　　结构化标注语言 -- HTML和XML

　　行为标准语言 -- DOM和ECMAScript

　　表现标准语言 -- CSS

倡导的就是结构、样式和行为的相互分离。

CSS中的定位机制：

　　存在三种定位机制：

　　　　标准文档机制（nomal fluid），

　　　　浮动(floats)，

　　　　绝对定位（absolute positioning）

标准文档流：

　　特点：从左到右，从上到下，输出文档内容

　　组成：块级元素和行级元素组成

块级元素：

　　能从左到右撑满页面，独占一行

　　碰触到页面边缘时，会自动换行

常见块级元素：

　　div,ul,li,dl,dt,p...

行级元素：

　　能在同一行中显示，不会改变html文档结构

常见行级元素：

　　span,strong,image,input...

行级元素和块级元素都是盒子模型

盒子模型：

　　网页布局的基石。4个部分组成：border magin padding content

四个属性值：上 右 下 左

三个属性值：上 左右 下

两个属性值： 上下 左右

一个属性值： 上下左右

盒子模型3D模型：

　　第一层：border

　　第二层：content + padding

　　第三层：background-image

　　第四次：background-color

　　第五层：margin

为避免浏览器自身的外填充或者内填充：

margin: 0

padding： 0