教育培训消费

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

0回复 阅读 326

成都数据培训之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/

标签

大数据 大数据培训
展开全文
一键安装官方客户端
江城热点及时推送 阅读体验更流畅

值得推荐

首页 版块

和武汉妹子交朋友

了解武汉的窗口

在武汉结婚  买房  装修  旅游  购物

用得意生活app有优惠

立即下载