精通CSS高级Web标准解决方案(4、对链接应用样式)
2024-08-29 13:03:38
4.1 简单的链接样式
锚可以作为内部引用,也可以作为外部链接,应该区分对待。
伪类选择器:
:link 用来寻找没有访问过的链接
:visited 用来寻找已经访问过的链接
a:link{color:blue};
a:visited{color:red};
动态伪类选择器:
:hover 用来寻找鼠标停留处的元素
:active 用来寻找被激活的元素
两个规则有相同的特殊性时,后定义的规则优先,因此在定义a元素伪类时使用以下顺序:
a:link a:visited a:hover a:active 即 LoVe HAte
4.2 让下划线更有趣
可以给a元素伪类设置背景图片实现一些有趣的下划线效果.
a:hover,a:active{ font-weight: bold;
/*text-decoration:underline;*/
background: url("./underline.gif") repeat-x left bottom;
}
4.3 突出显示不同类型的链接
内部链接、外部链接、下载word、PDF的链接、订阅....可以使用属性选择器(比如根据href 属性的前缀或者后缀)为不同类型链接设置样式。
4.4 创建按钮和翻转
4.4 已访问链接样式
4.4 纯CSS提示
最新文章
- hdu 1281 二分图最大匹配
- HibernateTemplate的一些常用方法总结
- 关于VS2010“ADO.NET Entity Data Model模板丢失或者添加失败问题
- 在使用SQLite插入数据时出现乱码的解决办法
- Auto Layout 使用心得
- php的SQL连接操作的方法
- 采取Volley,实现瀑布流
- BOM基础(二)
- 一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](八)
- asp.net 文件上传 Uploadify HTML5 带进度条
- MongoDB $type条件操作符
- 【ShaderToy】基本操作——旋转
- C#计算字符串长度,汉字算两个字符
- JxBrowser之五:清除cache和cookie以及SSL证书处理
- HashMap中ConcurrentModificationException异常解读
- 洛谷P1144 最短路计数
- list列表常用操作
- HDU 3974 Assign the task(DFS序)题解
- .net完整的图文验证
- ValueError: Invalid leaf XXX
热门文章
- No module named 'revoscalepy'问题解决
- hihoCoder hiho一下 第二周 #1014 : Trie树(Trie树基本应用)
- 在vue-cli中使用路由
- angular路由学习笔记
- CUDA:Supercomputing for the Masses (用于大量数据的超级计算)-第七节
- package.json字段分析
- A1020 Tree Traversals (25 分)
- 项目实战8.1—tomcat企业级Web应用服务器配置与会话保持
- TP5数据库操作方法总结
- JS — 实现简单的数字时钟