div+css学习笔记（一）

T01 商业网站布局

课程目标：

一、常用流行布局

二、DIV+CSS布局思路

三、DIV+CSS布局的运用【重点】

四、使用<iframe>实现页眉页脚的复用

重要笔记：

一、DIV+CSS布局思路

1、步骤：

a、首先，将页面在整体上用<div>标签进行分块。

b、其次，使用css对各版块进行定位。

c、再次，在各版块中添加相应的内容，实现局部布局

2、常见布局分类：

a、一栏式：固定或自适应宽度

b、两栏式：左侧固定右侧自适应宽度

c、三栏式：两侧固定，中间自适应宽度

四、使用<iframe>实现页眉页脚的复用

1、语法：

<iframe name="myiframe" id="myframe" src="file.html" frameborder="0" align="left" width="200" height="200" scrolling="no"/>