`
jyt
  • 浏览: 8928 次
社区版块
存档分类
最新评论

CSS中链接<a>的各种状态描述

阅读更多

一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:

  总: a 表示所有状态下的链接 如 a {color:red}

  ① a:link:未访问的链接,如 a:link {color:blue}

  ② a:visited:已访问的链接,如 a:visited{color:blue}

  ③ a:active:激活(在鼠标点击与释放之间发生的事件)链接时,即链接被按下的时候 ,如 a:active{color:blue},

  ④ a:hover:鼠标移到链接上时 ,如 a:hover {color:blue}

 如:

<style type="text/css">

a {font-size:16px}
a:link {color: blue; text-decoration:none;}
a:visited {color:green;text-decoration:none;} 
a:hover {color: red; text-decoration:underline;} 
a:active {color: yellow; text-decoration:none;} 

</style>

 

提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

提示:伪类名称对大小写不敏感。

 

 

在CSS中定义a:active/a:link/a:visited/a:hover顺序是:

a:link、a:visited、a:hover、a:active

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

 

本文参考:

  1. w3cshool在线教程
  2. http://jeoff.blog.51cto.com/186264/43116
  3.  http://www.jz123.cn/text/0214505.html
分享到:
评论

相关推荐

    css的选择器

    - `a[src*="abc"]`:选择`src`属性值中包含“abc”的所有`&lt;a&gt;`元素。 ##### 4. **伪类** 伪类用于选择元素的特定状态,而这些状态不是基于属性或元素类型。 - `:link`:选择所有未访问过的链接。 - `:visited`:...

    HTML&CSS

    - **链接标签**:`&lt;a&gt;`用于超链接,可以通过`href`属性指定链接地址。 - **图片标签**:`&lt;img&gt;`用于插入图片,`src`属性指定图像源,`alt`属性提供替代文本。 - **表格标签**:`&lt;table&gt;`定义表格,`&lt;tr&gt;`定义行,`...

    HTML网页设计.ppt

    在主体标记&lt;BODY&gt;中,可以设置多种属性来控制页面的外观,如TEXT、BGCOLOR、BACKGROUND、LINK、ALINK和VLINK分别用于设定文字颜色、背景颜色、不同状态的链接颜色,TOPMARGIN和LEFTMARGIN则用来调整页面与浏览器边缘...

    漂亮的下拉菜单

    在创建下拉菜单时,通常使用`&lt;ul&gt;`(无序列表)和`&lt;li&gt;`(列表项)元素,以及`&lt;div&gt;`(分组元素)来构建菜单结构。`&lt;li&gt;`元素内的子`&lt;ul&gt;`则用于创建下拉部分。 描述中的重复内容“漂亮的下拉菜单 菜单 html”...

    css实现的导航条

    在这个结构中,`&lt;nav&gt;`元素表示导航区域,`&lt;ul&gt;`是无序列表,`&lt;li&gt;`代表列表项,而`&lt;a&gt;`则是链接元素。 接下来,我们使用CSS来美化这个导航条。以下是一些基本样式: ```css nav { background-color: #333; /* ...

    网页设计制作之HTML标签

    `&lt;a href="URL"&gt;&lt;/a&gt;` 中的`href`属性定义了链接的目标地址,可以是网页、邮件地址或其他资源。`&lt;a href="mailto:EMAIL"&gt;&lt;/a&gt;`则用于创建电子邮件链接,`mailto:`前缀后跟电子邮件地址。`&lt;a name="name"&gt;&lt;/a&gt;`则创建...

    html标签大全

    这些只是HTML标签中的一部分,完整的HTML标签集还包括许多其他元素,如段落(`&lt;p&gt;`)、标题(`&lt;h1&gt;`到`&lt;h6&gt;`)、图像(`&lt;img&gt;`)、列表(`&lt;ul&gt;`、`&lt;ol&gt;`和`&lt;li&gt;`)、表格(`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等)、段落格式...

    css和Html中文手册

    1. **HTML元素**:HTML由各种标签组成,每个标签都有其特定含义,如`&lt;head&gt;`、`&lt;body&gt;`、`&lt;h1&gt;`到`&lt;h6&gt;`的标题、`&lt;p&gt;`段落、`&lt;a&gt;`链接等。 2. **属性**:HTML元素可以有属性,如`href`用于链接、`src`用于图像、`...

    HTML常用标记 HTML常用标记

    `&lt;BODY&gt;`部分则包含了用户在浏览器中实际看到的内容,如文本、图像、链接等。 HTML标记分为双边标记和单边标记。双边标记如`&lt;p&gt;`(段落)、`&lt;div&gt;`(分块元素)等,它们以`&lt;标记名&gt;`开始,以`&lt;/标记名&gt;`结束,表示...

    JAVA_WEB开发必备

    3. **构成网页的基本元素**:如`&lt;p&gt;`用于段落,`&lt;a&gt;`定义链接,`&lt;img&gt;`插入图像,`&lt;h1&gt;`到`&lt;h6&gt;`定义标题等级,`&lt;ul&gt;`和`&lt;ol&gt;`创建无序和有序列表。 4. **设定链接**:`&lt;a&gt;`标签用于创建链接,`href`属性指定链接...

    html标签注释集合[借鉴].pdf

    2. `&lt;a&gt;`: 用于创建超链接,可以链接到其他网页、文件或者锚点。 3. `&lt;acronym&gt;`: 标记缩写词,但HTML5中不再推荐使用,可以用`&lt;abbr&gt;`代替。 4. `&lt;address&gt;`: 用于表示作者或联系信息,通常用于页脚。 5. `...

    HTML语法一览与参考索引电子书知识.pdf

    8. **文字修饰标签**:`&lt;b&gt;`、`&lt;strong&gt;`用于加粗文本,`&lt;i&gt;`、`&lt;em&gt;`用于斜体,`&lt;cite&gt;`用于引用,`&lt;sup&gt;`和`&lt;sub&gt;`用于上标和下标,`&lt;big&gt;`、`&lt;small&gt;`调整字体大小,`&lt;u&gt;`、`&lt;s&gt;`、`&lt;strike&gt;`添加下划线或删除线...

    html大全(html名词解释及用法大全)

    虽然在现代网页设计中,CSS更推荐用于布局控制,但`&lt;center&gt;`仍然被广泛理解。 2. **`&lt;h1&gt;`至`&lt;h6&gt;`**:标题标签,用于定义不同级别的标题,`&lt;h1&gt;`表示最重要的标题,`&lt;h6&gt;`则为最次要的标题。 3. **`&lt;p&gt;`**:段落...

    HTML:div+css标签

    13. `&lt;body&gt;` 标签内的属性如 `bgcolor`、`background`、`bgproperties`、`text`、`link`、`vlink` 和 `alink` 用于设置页面背景、文字颜色以及链接的不同状态颜色。 14. `&lt;marquee&gt;` 标签用于创建滚动文本,`...

    html大全

    2. `&lt;a&gt;`: 定义超链接,可以链接到其他网页、文件、邮箱地址等,通过`href`属性指定链接的目标地址。 3. `&lt;acronym&gt;`: 用于表示首字母缩写词,通常浏览器会提供提示信息显示完整词汇。 4. `&lt;address&gt;`: 用于展示与...

    网站设计与开发必备基础教程及分解解析

    在文档主体中,&lt;body&gt;标签内的属性可以用来定义网页的基本样式,如背景颜色(BGCOLOR)、文本颜色(TEXT)、链接颜色(LINK)、已访问链接颜色(ALINK)以及活动链接颜色(VLINK)。同时,还可以设置背景图像...

    WEB标签大全

    13. `&lt;a&gt;`:定义超链接,用于链接到其他页面或资源。 14. `&lt;img&gt;`:插入图像。 15. `&lt;ul&gt;`和`&lt;ol&gt;`:定义无序和有序列表。 16. `&lt;li&gt;`:定义列表项。 17. `&lt;div&gt;`:通用容器,用于组合其他HTML元素。 18. `&lt;span&gt;`:...

    CSS精品导航条

    通常,一个导航条由多个链接元素(`&lt;a&gt;`标签)组成,放在一个容器元素(如`&lt;nav&gt;`或`&lt;ul&gt;`)内。例如: ```html &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;关于我们&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#...

Global site tag (gtag.js) - Google Analytics