详解CSS-hover伪类选择器的使用方法_第1页
全文预览已结束

下载本文档

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

文档简介

1、详解css:hover伪类选择器的使用方法精心的小伙伴会发觉,几乎每个网站都会用到hover,hover普通被应用在按钮、logo以及等元素上面,但有些时候也会用到mouseover和mouseout这两个鼠标大事,但是javascript比较棘手,建议能用css解决的尽量用css吧,这样可以提高性能。接下来就具体讲讲hover的用法办法。一、定义和使用定义:hover在鼠标移到链接上时可以添加特别样式。使用:挑选器:hover属性:属性值比如:a:hoverbackground-color:yellow;.aa:hovercolor:fff;background:0c0;与hover相关的伪

2、类:hover挑选器可用于全部元素,不仅是链接。:link挑选器设置了未拜访过的页面链接样式,:visited挑选器设置拜访过的页面链接的样式:active挑选器设置当你点击链接时的样式注重:为了产生预期的效果,:hover必需位于:link和:visited之后。二、css:hover办法实例实例描述:当鼠标进过div时,这个div逐渐变大,当鼠标移出时,div又逐渐变小,回到最初的样式。这个就是用法的csshover大事实现的。html部分:css部分:.aawidth:100px;height:100px;background-color:blue;-webkit-transition:transform2slinear;-moz-transition:transform2slinear;-ms-transition:transform2slinear;-o-transition:transform2slinear;transition:transform2slinear;.aa:hover-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scal

温馨提示

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

评论

0/150

提交评论