HTML超链接之伪类注意事项
2016-02-18 23:18
239 查看
今天在复习html相关知识的时候发现了一个很常用,却经常被人们所忽略的知识点。那就是超链接伪类的使用。下面我就直接用代码来说明这一切。
在代码中我已经对伪类的使用做了一个小的总结,所以就不再进行总结了。
伪类的相关代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>超链接伪类的使用</title> </head> <style type="text/css"> a:link{ color: gray; } a:visited{ color: purple; } a:hover{ color: red; } a:active{ color: green; } </style> <body> 伪类,说是标签的四种控制方式,其实也可以认为是四种不同的状态的显示,如下 <hr /> <br /> <br /> <br /> <a href="#">这里是一个超链接</a> <br></br> <ul> <li>注意在style中的顺序必须是LVHA,否则界面刷新出来的时候会打散你的想象的!</li> <li>LVHA分别代表:Link初始化的状态;Visited浏览过超链接的状态;Hover鼠标划上超链接时候的状态;Active表示正在点击超链接时刻的状态</li> <li>一般来说,这四种状态我们最为常用的是HV,而AC基本上不怎么用。</li> <li>注意对超链接的合理的使用!否则会产生超链接泛滥的负面效果!</li> </ul> </body> </html>
在代码中我已经对伪类的使用做了一个小的总结,所以就不再进行总结了。
结果展示
相关文章推荐
- HTML超链接之伪类注意事项
- html
- HTML中锚点的使用
- HTML中锚点的使用
- HTML笔记
- html-frame用法
- HTML--2图片热点,网页划区,拼接,表单
- HTML-----1标签表格
- 自定义验证点——HTML模式
- HTML标记语法总结
- 网页特殊符号HTML代码大全
- [Html]Jekyll 代码高亮的几种选择
- html中具有布尔属性的元素
- 我们为什么要看《超实用的HTML代码段》
- <转jerrylsxu> HTML语法大全
- Markdown Learning
- 我们为什么要看《超实用的HTML代码段》
- 多篇经典的文章转载-持续更新...
- SEO需要掌握的HTML标签
- HTML标签汇总