| 域名空间 下载中心 社区论坛 信息公告 my小屋 |
![]() |
联系我们 设为首页 加入收藏 |
|
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿 论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图 专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版 社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务 |
| 新版上线![旧版] | |||||
注:打开慢时请稍等
通过css类型的顺序改变翻滚效果http://www.iyit.net 日期:2006-6-3 20:18:55 来源: 点击: |
你也许已经意识到,你可以通过指定每一键接的不同风格以建立css翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道css类型的顺序可以产生效果上的差别,css代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 链接状态 典型的css翻滚效果依赖于超链接中四个状态之一的独立类型。可以建立附带css预先类的<a>(超链接)类型以指定链接状态: a:link——常规,非访问超链接 a:visited——访问超链接 a:hover——访问者操作鼠标通过时的链接 a:active——点击链接 为了能够使典型的css翻滚效果正常工作,css代码中的css类型顺序显得非常重要,无论它是一个外部类型表格或者是嵌入在himl页标题栏中的类型规则。 a:link类型出现的时间为最早,因为它可应用于所有的链接。a:visited类型排第二,它将取代任何链接的a:link格式。(如果a:link类型紧跟着的是a:visited,a:link可能会取代a:visited类型。)其次是a:hover类型,此类型只应用于访问鼠标下的链接。最后是a:active,所以,当链接被点击时,它可以取代所有其它的类型。 a:link { color: #0000ff; text-decoration: underline; font-weight: normal; font-style: normal; } a:visited { color: #3399ff; text-decoration: underline; background-color: #ffffff; font-weight: normal; font-style: italic; } a:hover { color: #0000ff; text-decoration: underline; background-color: #ffff00; font-weight: bold; font-style: normal; } a:active { color: #ff0000; text-decoration: none; background-color: #cccccc; font-weight: bold; font-style: normal; } 在css代码中的类型顺序确定了每一种类型如何取代其它的类型,即更多的类型可以应用到特定的元素。正常情况下,a:hover类型处于a:link和a:visited类型之后,所以hover状态的类型可以应用于常规和访问的链接。但是,它也并非必须遵循这一方式,你可以改变类型顺序实现不同的效果。 从访问链接中移除翻滚效果,可以通过很简单地移除a:visited类型。如以下代码改变css代码中类型顺序可以改变访问链接中翻滚效果: a:link { color: #0000ff; text-decoration: underline; font-weight: normal; font-style: normal; } a:hover { color: #0000ff; text-decoration: underline; background-color: #ffff00; font-weight: bold; font-style: normal; } a:visited { color: #3399ff; text-decoration: underline; background-color: #ffffff; 编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部] 上一篇:手写样式表:css语法全攻略(上) 下一篇:css应用实例:水平线变成虚线 转载请注明来源:www.iyit.net 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。 |
| 最新更新 | 热点排行 | 推荐新闻 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 友情链接 | ||||||
| 设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接 |
| |||||||