<!DOCTYPE html>
< html>
< head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
/*css中超链接正常的设置顺序。*/
/*未被访问过的链接，文字显示为黑色。*/
/*当四个伪类选择器对同一超链接标签a起作用时，只有浏览器记录中没有访问过该超链接的记录，四个伪类都有用。否则，该Link选择器无用。被访问前色变为visited设置的颜色。如果一定要解决link选择器失效的问题。可将link选择器颜色与visited选择器颜色设置一样的。例如黑色。即无论时被访问前，还是被访问后，该文字都为黑色。*/
a:link{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:black;
}
/*已被访问过的链接，文字显示为红色。*/
/*若是visited属性失效的话，有两种可能。①超链接a标签中未写入href="";②四个伪类选择器的书写顺序错误。link->visited->hover->active，可记忆为LVha,*/
a:visited{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:red;
}
/*鼠标指针悬浮在链接上，文字显示为蓝色。*/
a:hover{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:blue;
}
/*鼠标指针正在点击链接，文字显示为橙色。*/
a:active{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:orange;
}
< /style>
< /head>
< body>
<!-- href="#"，#是要跳转的网页地址。 -->
<!-- title="#",#是鼠标悬浮在该文本信息上是，文本信息成功显示时，会出现的文本信息提示。 -->
<!-- alt="#",#是文本信息未成功显示时，会出现的文本信息提示。 -->
<!-- target="#",#="_blank"时，代表在新窗口中打开。 -->
< a href="#" title="百度访问链接" alt="百度访问链接" target="_blank">百度</a>
< /body>
< /html>