`

A标签的四个属性 link ,visited , hover ,active 和有顺序

CSS 
阅读更多

1,以前没注意,原来css定义超链接A四个状态也是有顺序的

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 ;} !

以上css分别定义了”链接、已访问过的链接、鼠标停在上方时、点下鼠标时”的样式。

注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。 .

2,关于锚点

设置锚点:中间不需要加内容。 .

链接锚点:第一段 .

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

分享到:
评论

相关推荐

    a标签的四个css伪类(link、visited、hover、active)样式理解

    a标签中有四个: link、visited、hover、active 未移入a标签链接时:link 移入a标签链接时:link、hover 点击a标签链接时:link、hober、active 点击后未移入a标签连接时:link、visited 点击后移入a标签连接...

    在CSS中定义a:link、a:visited、a:hover、a:active正确顺序

    给出我试的顺序,可能会对大家有一些帮助: 复制代码代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/–>A:link { color: #000000; TEXT-DECORATION:...

    a标签样式 和 a标签属性写法

    a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 .mycls a{color:red} ① a:link:...

    a标签样式 和 a标签属性 .docx

    通过对A标签样式的理解和掌握,以及对其属性的熟悉,我们可以更好地设计出既美观又实用的超链接。这不仅有助于提高网站的可用性和用户体验,还能增强网站的专业性。同时,在实际开发过程中,合理运用这些样式和属性...

    a标签的css样式四个状态LVHA的设计

    a标签代表超链接,它具有四种不同的伪类状态,这些状态分别对应于链接的不同交互阶段,形成了一个特殊的状态顺序,即所谓的LVHA顺序:Link(未访问状态)、Visited(已访问状态)、Hover(鼠标悬停状态)、Active...

    css通过伪类来设置超链接样式附示例

    css设置超链接样式是通过伪类来实现的 ...复制代码代码如下: a:link {} a:visited {} a:hover {} a:active {} 伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才

    轻松使用标签

    在探讨如何轻松运用HTML中的`<a>`标签时,我们首先必须熟悉其四种核心状态:`a:link`、`a:visited`、`a:hover`和`a:active`。这些状态不仅定义了链接在不同交互时刻的表现,还涉及到CSS伪类的选择与应用。下面我们将...

    有关于a标签的4个伪类的使用方法

    而`a`标签的四个伪类选择器——`:link`, `:visited`, `:hover`, 和 `:active`,则提供了对链接不同状态的样式控制,帮助我们实现更加丰富的用户体验。以下是对这四个伪类的详细解释和使用方法: 1. **`:link`**:这...

    CSS教程:vlink,alink,link和a:link

    在CSS中,这四个伪类的状态顺序至关重要,因为它们遵循特定的流程:`a:link -> a:hover -> a:active -> a:visited`。这意味着,当链接状态从一个过渡到另一个时,必须按照这个顺序来定义样式。例如,用户首先看到的...

    a标签的四种伪类和table和百分比.xmind

    在这个主题中,我们将深入探讨`a`标签的四种伪类以及表格(table)的使用,同时也会涉及到百分比在CSS布局中的应用。 首先,让我们来了解`a`标签的四种主要伪类: 1. `a:link` - 这个伪类用于选择未被访问的链接,...

    CSS中a标签样式的“爱恨”原则:定义链接样式的四个伪类

    因此,`a:hover`和`a:active`伪类的样式可能会影响`a:link`和`a:visited`的效果,若书写顺序不当,则可能导致不预期的视觉效果。 在实际应用中,上述四种伪类的定义顺序必须遵守W3C(万维网联盟)的相关规范。例如...

    可变颜色标签<a>

    这包括未访问链接(`:link`)、已访问链接(`:visited`)、鼠标悬停时(`:hover`)和活动链接(`:active`)。如下所示: ```css a:link { color: #0000ff; /* 未访问的链接颜色 */ } a:visited { color: #800080;...

    a标签伪类的作用及书写顺序是什么

    为了在用户交互过程中改变`&lt;a&gt;`标签的视觉效果,CSS提供了四种伪类选择器,分别是`:link`、`:visited`、`:hover`和`:active`,这些伪类可以组合应用以实现不同状态下的样式变化。本文将详细探讨这些伪类的作用以及...

    CSS定义超链接四个状态的正确顺序L-V-H-A

    这个顺序通常被称为L-V-H-A,代表了link、visited、hover和active。 1. **A:link** - 这是超链接的默认状态,当用户首次访问或者页面加载时,所有未被访问的链接都将呈现此样式。例如,我们可以设置链接的颜色和...

    CSS-day02.pptx

    "CSS复合选择器" CSS复合选择器是CSS选择器的一种,它由两个或多个基础选择器...在CSS中关于超链接的四个属性一般正常顺序为:link,visited,hover,active。active 一般不必写 link 可以省略。记忆法lv包包 hao。

Global site tag (gtag.js) - Google Analytics