《商务网站前台设计》课程实训任务书15_第1页
《商务网站前台设计》课程实训任务书15_第2页
《商务网站前台设计》课程实训任务书15_第3页
《商务网站前台设计》课程实训任务书15_第4页
《商务网站前台设计》课程实训任务书15_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

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

文档简介

1、个人精品文档，值得您的拥有商务网站前台设计课程实训任务书15实训名称底部学时2指导教师王玥班级姓名实训目的：熟练掌握 div 布局与 css 样式基本使用。实训任务：完成苗木花卉网站主页底部页面制作。实训指导：1、 代码部分：（1） 样式总体格式，体现网页头部 部分.aa ; ; ;.bb ; ; ;(2)css样式基本格式例如 : .aa（3）冒号与分号的使用冒号：冒号后面是具体参数值；分号：分号将两个命令分割开来。（4）样式应用width ：宽度height:高度background: 背景颜色float:left左浮动font-size:字符大小 ;margin-left:左侧间距let

2、ter-spacing:字符间距（5）css 样式区间的注释书写格式：例如：/* 字符间距 2 像素 */（6）div 布局区间的注释书写格式：例如：1 / 8个人精品文档，值得您的拥有操作步骤详解：1、主体区效果图如下：2、 分析：此区域共分为三个div 布局3、上节课完成位置4、 本节课操作位置2 / 8个人精品文档，值得您的拥有其中， db 的样式如下：.dbwidth:950px;height:80px;5、 共添加 3 个 div 区块6、 在上面 .db-dh中具体添加内容如下：3 / 8个人精品文档，值得您的拥有7、 在上面 .dbb 中具体添加内容如下：底部所有div 布局如下

3、：| 苗木品种 |4 / 8个人精品文档，值得您的拥有 特色苗木 | 工程案例 | 苗木配送 | 售后服务 | 病虫放治 | 养护管理 | 在线留言 | 联系我们 | 苗木搜索 |Copyright:2008-2013长春碧雅园苗木花卉基地湘 ICP 备： 112233456 所有样式如下：5 / 8个人精品文档，值得您的拥有.dbwidth:950px;height:80px;margin:auto 0;.db-dhwidth: 950px;height: 35px;.db-dh ul lilist-style:none;float:left; height:35px;.db-dh ul li acolor: #000; /* 文字颜色是黑色*/font-size: 12px;/* 用 16 号 */text-decoration: none; /* 去掉下划线 */6 / 8个人精品文档，值得您的拥有margin: 0 15px; /* 外间距 15px*/.ss1width: 1px;height: 20px;float: left.db-lineheight:2px;width:950px;background-color:#0C3.db-ztfont-size: 12px;margin: 0 auto;width: 240px;text-align: center;li

人人文库> 全部分类> 专业文献 > 学术论文

温馨提示

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

最新文档

评论

0/150

提交评论