4.DIV+CSS布局

1.div和span

div和span在整个html标记中，没有任何意义，他们存在就是为了应用css样式

div和span的区别在于，span饰内联元素，div饰块级元素

2.盒子模型

margin:盒子外边距

padding:盒子内边距

border：盒子边框宽度

width：盒子宽度

height：黑子高度

3.布局相关属性

1）postion定位方式

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 内联显示，多个块可以显示一个行内

display：inline-block内联块级显示，两者结合

5）float浮动属性

left 左浮动

right：有浮动

6）clear 清除浮动

clear：both

7）overflow 溢出处理

hidden 隐藏超出层大小的内容

scroll无论内容是否超出层大小都添加滚动条

auto超出时自动添加滚动条

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

1.兼容性测试工具

1)IE Tester

2)Multibrowser

2.常用的浏览器

goole charm firefox opera

3.高效的开发工具

轻量级的：Notepad++ sublime text 记事本 

重量级的：dreamweaver webstrom

4.网页设计工具

fireworks photoshop

5.判断IE的方法

条件判断格式

<!-- [if 条件 版本]> 那么显示<! [endif]]-->

不等于

[if !IE 8] 除了IE8 都可以显示

小于

[if It IE 5.5]如果IE浏览器小于5.5的显示

大于

[if gt IE 5]

如果IE浏览器版本大于5的显示

大于或等于

[if get IE 6]

小于或等于

[if Ite IE 7]

大于和小于之间

[if(gt IE 5)&(It IE 7)] 

或

[if (IE 6) |(IE 7)] 如果IE6或IE7显示

仅

[!--[if IE8]]>