第8章 层的应用.ppt

  1. 1、本文档共18页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML/CSS/JavaScript 标准教程实例版(第2版) 第 章 8 第8章 层的应用 8.1 图层的创建——<div> 8.2 创建嵌套图层 8.3 层的属性设置 8.4 小实例——图层的实际应用 8.5 习题 HTML/CSS/JavaScript 标准教程实例版(第2版) 8.1图层的创建——<div> 基本语法 <body> <div id="Layer1" style="position:absolute; left:29px; top:12px; width:165px; height:104px;"></div> </body> 8.1图层的创建——<div> 语法说明 在进行层的定义时,需要将层的样式同时定义,否则在网页中不会显示出来。 8.1图层的创建——<div> 实例代码 8.1图层的创建——<div> 网页效果 8.2 创建嵌套图层 基本语法: <body> <div id="Layer1" style="position:absolute; z-index:1; left:29px; top:12px; width:165px; height:104px;"></div> <div id="Layer1" style="position:absolute; z-index:1; left:29px; top:12px; width:165px; height:104px;"></div> </body> 8.2 创建嵌套图层 语法说明 图层的嵌套只要插入多个成对的<div></div>,设置好的层的样式属性就可以完成层的嵌套。 8.2 创建嵌套图层 实例代码 8.2 创建嵌套图层 接上页 8.2 创建嵌套图层 网页效果 8.3 层的属性设置 表8-1 图层定义常见属性 8.3 层的属性设置 基本语法 <body> <div id="Layer1" style="position:absolute; left:29px; z-index:1; top:12px; width:165px; height:104px;"></div> </body> 8.3 层的属性设置 语法说明 ? position属性将对象从文档流中拖出,进行绝对定位; ? left、top属性进行左边距和顶端间距的设置; ? width、height属性进行宽度和高度设置; ? 层叠通过z-index属性定义。 8.3 层的属性设置 实例代码 8.3 层的属性设置 网页效果 8.4 小实例——图层的实际应用 实例代码 8.4 小实例——图层的实际应用 接上页 8.4 小实例——图层的实际应用 网页效果 HTML/CSS/JavaScript 标准教程实例版(第2版) 第 章 8

您可能关注的文档

文档评论(0)

803322fw + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档