成都大数据培训之DIV+CSS网页布局细节

成都大数据培训之DIV+CSS网页布局细节

div+css排版是最新的网页排版理念，完全有别旧的排版方式（比如说table排版）。首先在页面整体上进行div标签划分内容区域，然后再用css进行定位，最后再对相应的区域添加内容。

一、选择“div标签”命令

打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。

二、新建css规则

在打开的对话框中保持默认设置，单击“确定”按钮进行css规则新建。

三、输入div标签名称

1、在“ID”列表框中选择“top”

2、单击“新建css规则”按钮准备进行css规则定义

四、设置属性

1、在“分类”列表框中选择“方框”选项。

2、在窗口右侧进行css规则定义，其中margin值的设置非常重要，“left”及“right”为auto，则可让div页面水平居中。

3、单击“确定”按钮。

五、查看创建的div

将鼠标光标定位在div，即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。

六、创建div按钮

返回“插入div标签”，单对话框，单击“确定”按钮，完成div标签的插入

采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点，现在你随便打开一个大型门户网站，看看源文件就可以知道是否为div+css构架了，其实，在之前很多人做网页都是使用table表格嵌套，但是随着web2.0、web3.0的不断发展，这种以表格嵌套的方式已经被DIV+CSS逐步取代了，未来网页设计肯定朝着div+css的方向发展。

以上是成都大数据培训之DIV+CSS网页布局细节的解说。如果想了解更多详情，请点击成都卡米古大数据官网！成都大数据培训学校、大数据开发培训、数据分析与挖掘、零基础课程正在招生中！

http://www.dtinone.net/sjfx/