前言：
网页布局是制作一个网页的第一步也是最重要的一步，今天来详细谈一下使用div+css布局的方法。
用dw编写网页的时候是可以通过两种方法的，一是图形界面，二是代码，初学的话可以用图形界面，学的差不多的时候使用代码更能提高效率。
因为现在css3和之前css2有较大改动，咱们先从css2的说起吧。
（笔者采用的是dreamweaver cs6，破解版下载地址：http://www.aa25.cn/download/954.shtml）
一、单列布局一个网页编写手先要搭一个框架，就像下图样：
简单把网页分成了4部分，header标题部分，nav导航部分，article主体，footer注脚
这样的就是单列布局。
通过div建立这4中结构，然后css布局、添加样式
使用dw快速建立div如下图：
以往建立这种结构直接用div，通过id找到这个div进行布局，
点图右的新建按钮，建立css样式，注意中间的select Type ，选择样式的规则，这个是直接通过id选择的，id就想一个身份证，每个的都不一样，当然根据情况
也可以选择css类选择器，伪类选择器等等
在确定弹出的页面中设置css样式：
我们给刚才的布局添加颜色，并设置固定大小宽度高度结果如下：
发现上面和左面有两处白边，这中问题也是新手容易疑惑的，其实这是css的默认值，有很多类似这样的，
把所以一般在写网页时先把一些属性都进行初始化。像这样的写法：body { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
而这里取消白边只需要写：body { margin:0}
所有代码如下：
Untitled Document
header
nav
article
footer 上面是固定宽度，如要要让宽度浏览器大小变化而变化，采用%单位即可，如：width:70% 使div居中的属性：margin属性改为 auto
上面是html4和css2的写法。
在html5中因为加入了新的结构标签 很多地方不需要写div这个块级结构，而是直接用
header article