今天在复习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>
在代码中我已经对伪类的使用做了一个小的总结,所以就不再进行总结了。