Html之 DIV+CSS布局

1.div和span

DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式
DIV和span的区别在与，span是内联元素，div是块级元素

2.盒模型

margin 盒子外边距
padding 盒子内边距
border 盒子边框宽度
width 盒子宽度
height 盒子高度

3.布局相关的属性

1.position 定位方式
1.正常定位 relative
2.根据父元素进行定位 absolute
3.根据浏览器窗口进行定位 fixed
4.没有定位 static
5.继承inherit
2.定位
left（左），right（右），top（上），bottom（下）离页面顶点的距离
3.z-index 层覆盖先后顺序（优先级）
4.display 显示属性
display：none 层不显示
display：block 块状显示，在元素后面换行，显示下一个块元素
display：inline 内联显示，多个块可以显示在一行内
5.float 浮动属性
left 左浮动
right 右浮动
6.clear 清除浮动
clear：both
7.overflow 溢出处理
hidden 隐藏超出层大小的内容
scroll无论内容是否超出层大小都添加滚动条
auto 超出时自动添加滚动条

4.兼容问题及高效开发工具

1.兼容性测试工具
1、IE Tester
2、Multibrowser
2.常用的浏览器
1、Google chrome
2、Firefox
3、opera
3.高效的开发工具
1.Notepad++
2.sbulime Text
3.记事本
1.WebStorm
2.Dreamweaver
4.网页设计工具
1.fireworks
2.photoshop
5.判断IE的方法

盒模型
定位方式