15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 杭州大数据培训之DIV+CSS网页布局细节

杭州大数据培训之DIV+CSS网页布局细节

时间:2023-10-15 08:30:01 | 来源:网站运营

时间:2023-10-15 08:30:01 来源:网站运营

杭州大数据培训之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网页布局细节的解说。如果想了解更多详情,请点击杭州卡米古大数据官网!杭州大数据培训学校、大数据开发培训、数据分析与挖掘、零基础课程正在招生中!

关键词:布局,细节,数据,培训,杭州

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭