div定位实验.doc_第1页
div定位实验.doc_第2页
div定位实验.doc_第3页
div定位实验.doc_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

实验题目 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.页面效果如图:五、源程序清单 body margin: 0; padding: 0; .photomain margin: 0 auto; width: 1000px; .pm float: left; width: 160px; height: 220px; border: solid 1px #0000cc; margin: 10px 15px; .pm img margin: 10px 10px; width: 1

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论