当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

link visited hover active顺序的问题

1。以前没注意,原来css定义超链接四个状态也是有顺序的。今天在网站里犯了这个错误,把hover写在visited 前面了,导致出现问题。

a:link{text-decoration:none ; color:#c00 ;}
a:visited {text-decoration:none ; color:#c30 ;}
a:hover {text-decoration:underline ; color:#f60 ;}
a:active {text-decoration:none ; color:#F90 ;}

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。

2。关于锚点

以前一直没用过,今天突然要用到。

设置锚点:<a name="#p1"></a>中间不需要加内容。

链接锚点:<a href="#p1">第一段</a>

有些地方回到网页最顶端就是这样做的。在开头设了个#top锚点,然后在其他地方链接这个锚点就能回到网页顶部。

相关内容
赞助商链接