实验题目 DIv 定位实验一、实验目的1熟练使用 HTML+CSS 实现网页布局;2. 掌握 DIv 的定位方法。二、实验环境1、硬件环境: 2、软件环境(1)操作系统:windows XP Professional,版本 2002,Service Pack 3(2)编程环境:WebStorm-9.0.1三、实验内容利用 Div 定位,完成如下网页,图片素材不限定:四、实验过程1. 新建 New Project,创建 HTML File;2. 使用 Div+CSS 样式,按照实验要求网页布局;3. 分别使用不同浏览器(IE、360 浏览器等)测试网页效果;4. 根据测试效果调整网页。5.页面效果如图:五、源程序清单bodymargin: 0;padding: 0;.photomainmargin: 0 auto;width: 1000px;.pmfloat: left;width: 160px;height: 220px;border: solid 1px #0000cc;margin: 10px 15px;.pm imgmargin: 10px 10px;width: 140px;height: 180px;6、总结