项目7 使用DIV+CSS布局网页
利用DIV+CSS技术，自行规划设计如图7-1所示的网页。网页使用了DIV的多层嵌套，文本及图片的布局中使用了多种CSS样式。练习素材在文件夹exercise中的blog文件夹中的images子文件夹中。
图7-1 利用DIV+CSS技术制作网页页
操作提示：
1.插入一个宽1000像素，高800像素，固定宽度居中的DIV，ID为“main”，CSS样式设置为：字体为宋体、大小为12像素、1.5倍行高、边界左，右均为自动；
2.定位光标到main层内行尾，按回车，继续插入一个层，ID为“top”，CSS样式设置为：字体为宋体、大小为12像素、1.5倍行高、背景图像为“blog_top.jpg”、方框宽为1000像素，高为200像素；
3.在“top”层中输入文字“听雨品茶绿江南的博客”， CSS样式设置为：字体为黑体、大小为24像素、1.5倍行高、文字缩进为20像素、边界上，下，左，右均为10像素；
4.光标定位到“top”层下方，插入一个层，ID为“menu”, CSS样式设置为：字体为宋体、大小为12像素、1.5倍行高、字体颜色为“#FFFFFF”、背景颜色为“#006600”、垂直对齐为“中线对齐”、 方框宽为1000像素，
