页面首页中间部

一、知识点
1.盒子模型
（1）margin：清除边框外的区域，外边距是透明的---重合问题  其中水平排列没有重合  垂直排列有重合
（2）border：围绕在内边距和内容外的边框
（3）padding：清除内容周围的区域，内边距是透明的
（4）content ：盒子的内容，显示文本和图像

1.搭建中间部框架（a,div,img等）

2.用css样式美化（调整图片大小，居中显示）

3.完成项目的内容

（1）.用float浮动使照片排列整齐

#img1{
    float: left;
    
}

（2）.调整页面宽高

.top{width: 100%;border: 0;}

.bottom{width: 100%;border: 0;}
    #bj{
        width: 100%;
        height: 100%;
    }

4.实现步骤

首先将页头、页脚和首页的代码写好，并用CSS样式对其进行大小颜色等样式的调整，将页头、页脚和首页的代码分别写在不同的文件里面，在CSS文件夹内也要创建对应的CSS文件，并在CSS文件中对页头、页脚和首页的样式调整，最后在首页中用<iframe></iframe>标签进行拼接引用

（3）首页展示