<!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>
<!--
左側為超鏈接未被訪問時的樣式。
<br />
左側為超鏈接被訪問后的樣式。需要注意的是，只要該超鏈接未產生過瀏覽器訪問記錄時，link與visited是不排斥的。即各自的效果都能夠顯示出來。若是瀏覽器記錄中有訪問過該超鏈接的記錄，即使刷新，超鏈接未被訪問過的樣式LInk也會被visited所設置的樣式取代。
<br />
鼠標懸浮在超鏈接上時的樣式。
<br />
左側為鼠標正在點擊超鏈接，未松開時的樣式。-->
</body>
</html>