DIV+CSS来布局网站

Div+css-----div只写内容，然后css控制他的样式

1，由于之前的table，布局网站，层层嵌套，导致搜索引擎抓取的障碍增大，所以被淘汰，div 抓取内容比较顺利

2，Table----显示的时候，等整个table框架加载完毕一块显示，div---加载一部分显示一部分，如果页面太长的话，导致后面可能会出现空白

但是，网站布局也并不是绝对的，现在 数据报表，后台管理方面 table比较方便的

DIV+CSS布局网站的优点：

1，内容、显示相分离；

2，提高工作效率

3，利于改版和维护

4，利于搜索引擎优化

5，代码简洁，提高访问速度

盒子模型：

调试工具：

IE系列浏览器： IE Tester

非IE系列的浏览器：FF---Firefox 火狐浏览器---Firebug插件

工具---附加组件----Frebug---安装

安装软件：尽量不要出现 中文、特殊字符、空格

任何一个html的标签我们都可以看成是一个容器（盒子），既然有盒子肯定有 宽（width）、高（height），边框（border），内容和边框之间有一个空隙（padding），如果有多个盒子，会存在盒子与盒子之间存在边距，margin

需求1：

需求2：盒子这两个字 和包含他的盒子的 间距稍微大一点

需求3：盒子两个字 居中显示

注意：：：谷歌浏览器下，margin-top 不起作用解决之道：

增加 float 浮动，即可

Margin、padding  值复制

margin:25px;  如果只有一个值，其他都会复制这一个值

而且，margin、padding 顺序，上右下左

1，如果是一个值，其他三个方向都复制这一个值

2，如果是两个值，上下对应一个值，左右对应一个值

3，如果是3个值，也就是缺左边的，于是复制右边的

定位分为  relative，absolute，fixed，static