第Web课件七章.ppt_第1页
第Web课件七章.ppt_第2页
第Web课件七章.ppt_第3页
第Web课件七章.ppt_第4页
第Web课件七章.ppt_第5页
已阅读5页,还剩10页未读 继续免费阅读

下载本文档

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

文档简介

第三章表现层的CSS 续 1 CSS技术 本章是各种类型的大杂烩 表格的样式属性改变列表圆点和数字使用列表作为导航图像替换技术CSS滑过效果 1 1表格的样式属性 分散的 separated 和折叠的 collapsed 边框border collapsed属性值 separated collapsed 默认值 separated适用对象 表格和表格嵌入元素是否可继承 是 border spacing属性值 长度值长度值默认值 0适用对象 表格和表格嵌入元素是否可继承 是IE6及更早的版本不支持 empty cells属性值 show hide 默认值 show适用对象 表格和表格嵌入元素是否可继承 是IE7及更早的版本不支持 1 2改变列表圆点和数字 list style type属性值 none disc circle square decimal decimal leading zero lower alpha upper alpha lower latin upper latin lower roman lower greek 默认值 disc适用对象 ul ol li display属性值为list item的元素是否可继承 是 list style position属性值 inside outside 默认值 outside适用对象 ul ol li display属性值为list item的元素是否可继承 是 list style image属性值 url none 默认值 none适用对象 ul ol li display属性值为list item的元素是否可继承 是 list style属性值 list style type list style position list style image 默认值 见单独属性适用对象 ul ol li display属性值为list item的元素是否可继承 是 1 3使用列表作为导航 有两种方法将列表变为水平条 让列表项显示为内联元素而不是默认的块级元素浮动 将列表项和连接排成一列 1 4图像替换技术 网页设计师 已经开始用内联图像来代替漂亮的文字 因为图像文件总是最先映入眼帘 用图像替代文本也存在问题 文本将完全从源码中移除 这样会破坏文档的语义结构 解决方案 用样式表中指定的背景图像来替换文本元素 文本元素本身依然保留在源码文档中 对读屏器和搜索引擎的索引器 文本都能使用 但通过一些手段 文本不会显示在图像浏览器上 IR ImageReplacement 图像替换 技术通过设置相当大的text indent负值 将文本向左移除屏幕 来隐藏文本元素 但如果关闭图像功能的用户看不到任何东西 1 5CSS滑过效果 hover伪类 当鼠标位于链接上方

温馨提示

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

评论

0/150

提交评论