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