如果使用CSS不要忘了写DOCTYPE,文档类型定义。
标准盒子模型
1、元素分类
块级元素（block）
Div+css（DIV和CSS均为容器）
<p> 是段落标记，块级元素。
行内元素
Span，不响应盒子模型的属性。
2、标准流
标签的排列方式。
3、盒子模型
把元素放入盒子
外边距（marjin）4（两个在一起的时候取最大值，不加和）
内边距（padding）4个
内容区（宽和高）
画框（border）4
样式可以写在一起。
4、浮动
脱离标准流。
5、定位
绝对:absolute 脱离标准流，绝对于包含该元素的盒子。
相对：相对原来位置relative 但未脱离标准流
6、超链接样式的设置
a:link是超级链接的初始状态
a:hover是把鼠标放上去时悬停的状况
a:active 是鼠标点击时
a:visited是访问过后的情况
7、CSS hack（关于CSS hack详细内容，请移步：http://baike.baidu.com/view/1119452.htm）
*margin-top:10px!important; /*仅IE678识别该规则*/
_margin 仅IE6识别。
而其他核心浏览器可以识别!Important(提高优先级)
解决IE空隙问题：Margin-top :-2em 让外边框向上两个e单位的距离即可
8、加载切图时一定要有这三个属性
background-image
background-position
background-repeat: /*不重复*/
9、* 空间表示对所有的元素的设置
标准盒子模型
1、元素分类
块级元素（block）
Div+css（DIV和CSS均为容器）
<p> 是段落标记，块级元素。
行内元素
Span，不响应盒子模型的属性。
2、标准流
标签的排列方式。
3、盒子模型
把元素放入盒子
外边距（marjin）4（两个在一起的时候取最大值，不加和）
内边距（padding）4个
内容区（宽和高）
画框（border）4
样式可以写在一起。
4、浮动
脱离标准流。
5、定位
绝对:absolute 脱离标准流，绝对于包含该元素的盒子。
相对：相对原来位置relative 但未脱离标准流
6、超链接样式的设置
a:link是超级链接的初始状态
a:hover是把鼠标放上去时悬停的状况
a:active 是鼠标点击时
a:visited是访问过后的情况
7、CSS hack（关于CSS hack详细内容，请移步：http://baike.baidu.com/view/1119452.htm）
*margin-top:10px!important; /*仅IE678识别该规则*/
_margin 仅IE6识别。
而其他核心浏览器可以识别!Important(提高优先级)
解决IE空隙问题：Margin-top :-2em 让外边框向上两个e单位的距离即可
8、加载切图时一定要有这三个属性
background-image
background-position
background-repeat: /*不重复*/
9、* 空间表示对所有的元素的设置