在DW,CSS样式中link,visited,hover,active这四个分别表示什么意思?

html-css019

在DW,CSS样式中link,visited,hover,active这四个分别表示什么意思?,第1张

linkvisitedhoveractive解释及正确顺序:

a:link 选择器设置指向普通的、未被访问页面的链接的样式

a:visited 选择器用于设置指向已被访问的页面的链接

a:active 选择器用于活动链接

a:hover 选择器用于选择鼠标指针浮动在上面的元素。

text-decoration 属性大多用于去掉链接中的下划线:

例如:a:link{text-decoration:none}看到别人总结的两点参考下记忆:

在CSS中,如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依次向下,保证最下面的是最特殊的条件。

“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA。

再重复一遍正确的顺序:a:link、a:visited、a:hover、a:active

扩展资料:

css链接link时,链接可以使用任何css属性,包括字体.颜色.背景等等. 链接有四个状态,可在四个状态时设置不同的属性 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover -

当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 当为链接的不同状态设置样式时,需要遵循a:hover 必须位于a:link 和a:visited之后,a:active 必须位于 a:hover 之后。

1.外部样式表 标签在(文档的)头部<head>

<link rel="stylesheet" type="text/css" href="mystyle.css" />

</head>2.内部样式表 当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style>标签在文档头部定义内部样式表,就像这样:<head>

<style type="text/css">

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

</style>

</head>

3.内联样式由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。<p style="color: siennamargin-left: 20px">

This is a paragraph

</p>

把.link的CSS样式写好后,只要把你需要的这个样式的标签里面加入 class=“link”,就可以应用你写好的样式了。还有你可能需要的是这个::link 选择器用于选取未被访问的链接。注释::link 选择器不会设置已经访问过的链接的样式。实例a:link{ background-color:yellow}上面这个例子就是未访问的链接样式背景色是黄色的。