打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。
二、输入div标签名称
1、在“ID”列表框中选择“top”
2、单击“新建css规则”按钮准备进行css规则定义
三、新建css规则
在打开的对话框中保持默认设置，单击“确定”按钮进行css规则新建。
四、设置属性
1、在“分类”列表框中选择“方框”选项。
2、在窗口右侧进行css规则定义，其中margin值的设置非常重要，“left”及“right”为auto，则可让div页面水平居中。
3、单击“确定”按钮。
五、创建div按钮
返回“插入div标签”，单对话框，单击“确定”按钮，完成div标签的插入
六、查看创建的div
将鼠标光标定位在div，即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。
CSS+DIV是指网页布局的一种方式，div是写网页（HTML）挺常用的一种标签，而(Cascading Style Sheet ）级联样式表，简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。网页设计用到的软件多样，一般是在PS里做好平面效果图，然后用DW或是Sublime Text（一种编辑器）写静态页，具体怎么写无非就是CSS配合DIV，这个你做这行时就明白了，解释那么多你也似懂非懂。php（开源程序）是后台程序的一种，常见的还有.net，asp,java,c，c#等等。。这都是编程语言。而你说的后缀是这些编程语言生成页面的后缀。像ps的后缀是.psd~~
有三种常用方式：1、通过id 例：<style>#test{color:red}</style><div id="test" >test</div>2、通过类名 例：<style>.test{color:blue}</style><div class="test" >test</div>
3、直接放在div标签里 例：<div style="color:purple" >test</div>
