创建自适应定位列式布局HTML教程.pptVIP

创建绝对定位

2列式布局网页0803.html;【任务描述】;【任务描述】;【任务实施】;html，切换到网页文档0803.

（3）创建网页文档0803.

（3）编写样式代码

（1）创建文件夹3-2

css、layout.

html的【代码视图】，在标签“/head”的前面输入链接外部样式表的代码，如下所示：

html，且链接外部样式文件base.

（4）编写网页主体布局结构的HTML代码

（3）在网页0803.

html的效果，如图8-23所示，该网页为左、右布局结构，左侧版块通过绝对定位，有挂在其后图片上的视觉效果。

html中的合适位置。

html的浏览效果图在该网页文档中合适位置插入相应的代码片断，从而形成结构和内容都完整的网页。

html，切换到网页文档0803.

（1）创建样式文件base.

（2）创建网页文档0803.;【任务实施】;linkrel=stylesheettype=text/csshref=css/layout.

linkrel=stylesheettype=text/csshref=css/base.

（3）创建网页文档0803.

html与链接外部样式表

css，在样式文件中定义标签的属性、类选择符及其属性。

（3）在网页0803.

在文件夹“8-3”中创建网页文档0803.

linkrel=stylesheettype=text/c