2.3,2.4锚伪类和选择器的优先级.pptx_第1页
2.3,2.4锚伪类和选择器的优先级.pptx_第2页
2.3,2.4锚伪类和选择器的优先级.pptx_第3页
2.3,2.4锚伪类和选择器的优先级.pptx_第4页
2.3,2.4锚伪类和选择器的优先级.pptx_第5页
已阅读5页，还剩5页未读， 继续免费阅读

下载本文档

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

文档简介

锚伪类及选择器的优先级 一 温故而知新 Css选择器复习 基本选择器 复合选择器 及选择器的命名规则了解其它复合选择器1 父子选择器 left h1ie6以上支持2 通配选择器 不建议使用 会降低浏览器的执行效率3 属性选择器h1 align color red 拥有align属性的元素 ie6以上版本支持复习锚标签及其相关属性 与派生选择器有什么区别 二 教学目标 了解什么是伪类熟练掌握锚伪类及使用顺序 重点 熟练掌握并计算选择器的优先级 重难点 1 伪类的概念 是一种特殊的类 由css自动支持 属css的一种扩展类型 伪类的名称不能被用户定义 必须使用标准格式 2 锚伪类 重点 在支持css的浏览器中 链接的不同状态都可以不同的方式显示 这些状态包括 活动状态 已被访问状态 未被访问状态和鼠标悬停状态 a link color red a visited color blue a hover color black a active color yellow 注 在css定义中 a hover必须被置于a link和a visited之后 才是有效的 a active必须被置于a hover之后 才是有效的 伪类对大小写不敏感 顺序为 LVHA 爱恨法则 IE6和ff中必须有清空缓存才能查看a link效果 对缓存依赖性强 一般使用锚伪类时只使用a a hover 3 课堂练习 要求 默认状态显示第一行效果鼠标经过显示第二行效果 4 伪类与css类或与id结合使用 a current hover color cc0 a red hover color red 首页新闻思考 如何实现导航效果 详见课本例3 5 选择器的优先级 重难点 问题 若对同一段文本分别定义行内 标记选择器 id class选择器 且属性一致 则显示样式是什么 代码演示行内 id class 标记CSS优先级包含四个级别 行内选择符 ID选择符 Class选择符 标签选择符 以及各级别出现的次数 根据这四个级别出现的次数计算得到CSS的优先级 此处结合css课本 并进行举例 四 小结 五 作业 熟练掌握伪类的基本语法及锚伪类的四种状
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

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

最新文档

评论

0/150

提交评论