打造动态浮动定位列式网页布局教程.pptVIP

创建浮动定位2列式布局的网页0802.html第1页，共11页。第1页

【任务描述】（1）创建样式文件base.css、layout.css和main.css，在样式文件中定义标签的属性、类选择符及其属性。（2）创建网页文档0802.html，且链接外部样式文件base.css、layout.css和main.css。（3）在网页0802.html中添加必要的HTML标签实现网页主体布局结构。（4）将已经有的HTML代码片断插入到网页0802.html中的合适位置。第2页，共11页。第2页

（1）创建文件夹3-2（3）创建网页文档0802.在文件夹“8-2”中创建网页文档0802.（1）创建文件夹3-2html与链接外部样式表在文件夹“8-2”中创建网页文档0802.css、layout.linkrel=stylesheettype=text/csshref=css/base.linkrel=stylesheettype=text/csshref=css/base.css、layout.html，切换到网页文档0802.（2）定义网页主体布局结构的CSS代码（1）创建样式文件base.【任务描述】（5）浏览网页0802.html的效果，如图8-22所示，该网页整体上为左、右布局结构，其中左侧为图文混排布局，右侧分为上、下两个组成部分。第3页，共11页。第3页

【任务实施