一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:
总: 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。
本文参考:
- w3cshool在线教程
- http://jeoff.blog.51cto.com/186264/43116
- http://www.jz123.cn/text/0214505.html
相关推荐
- `a[src*="abc"]`:选择`src`属性值中包含“abc”的所有`<a>`元素。 ##### 4. **伪类** 伪类用于选择元素的特定状态,而这些状态不是基于属性或元素类型。 - `:link`:选择所有未访问过的链接。 - `:visited`:...
- **链接标签**:`<a>`用于超链接,可以通过`href`属性指定链接地址。 - **图片标签**:`<img>`用于插入图片,`src`属性指定图像源,`alt`属性提供替代文本。 - **表格标签**:`<table>`定义表格,`<tr>`定义行,`...
在主体标记<BODY>中,可以设置多种属性来控制页面的外观,如TEXT、BGCOLOR、BACKGROUND、LINK、ALINK和VLINK分别用于设定文字颜色、背景颜色、不同状态的链接颜色,TOPMARGIN和LEFTMARGIN则用来调整页面与浏览器边缘...
在创建下拉菜单时,通常使用`<ul>`(无序列表)和`<li>`(列表项)元素,以及`<div>`(分组元素)来构建菜单结构。`<li>`元素内的子`<ul>`则用于创建下拉部分。 描述中的重复内容“漂亮的下拉菜单 菜单 html”...
<li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> </ul> </aside> ``` ##### 11. `<audio>` - **用途**:定义音频内容。 - **属性**: - `autoplay`:自动播放音频。 - `controls`:显示...
在这个结构中,`<nav>`元素表示导航区域,`<ul>`是无序列表,`<li>`代表列表项,而`<a>`则是链接元素。 接下来,我们使用CSS来美化这个导航条。以下是一些基本样式: ```css nav { background-color: #333; /* ...
`<a href="URL"></a>` 中的`href`属性定义了链接的目标地址,可以是网页、邮件地址或其他资源。`<a href="mailto:EMAIL"></a>`则用于创建电子邮件链接,`mailto:`前缀后跟电子邮件地址。`<a name="name"></a>`则创建...
这些只是HTML标签中的一部分,完整的HTML标签集还包括许多其他元素,如段落(`<p>`)、标题(`<h1>`到`<h6>`)、图像(`<img>`)、列表(`<ul>`、`<ol>`和`<li>`)、表格(`<table>`、`<tr>`、`<td>`等)、段落格式...
1. **HTML元素**:HTML由各种标签组成,每个标签都有其特定含义,如`<head>`、`<body>`、`<h1>`到`<h6>`的标题、`<p>`段落、`<a>`链接等。 2. **属性**:HTML元素可以有属性,如`href`用于链接、`src`用于图像、`...
`<BODY>`部分则包含了用户在浏览器中实际看到的内容,如文本、图像、链接等。 HTML标记分为双边标记和单边标记。双边标记如`<p>`(段落)、`<div>`(分块元素)等,它们以`<标记名>`开始,以`</标记名>`结束,表示...
3. **构成网页的基本元素**:如`<p>`用于段落,`<a>`定义链接,`<img>`插入图像,`<h1>`到`<h6>`定义标题等级,`<ul>`和`<ol>`创建无序和有序列表。 4. **设定链接**:`<a>`标签用于创建链接,`href`属性指定链接...
8. **文字修饰标签**:`<b>`、`<strong>`用于加粗文本,`<i>`、`<em>`用于斜体,`<cite>`用于引用,`<sup>`和`<sub>`用于上标和下标,`<big>`、`<small>`调整字体大小,`<u>`、`<s>`、`<strike>`添加下划线或删除线...
虽然在现代网页设计中,CSS更推荐用于布局控制,但`<center>`仍然被广泛理解。 2. **`<h1>`至`<h6>`**:标题标签,用于定义不同级别的标题,`<h1>`表示最重要的标题,`<h6>`则为最次要的标题。 3. **`<p>`**:段落...
13. `<body>` 标签内的属性如 `bgcolor`、`background`、`bgproperties`、`text`、`link`、`vlink` 和 `alink` 用于设置页面背景、文字颜色以及链接的不同状态颜色。 14. `<marquee>` 标签用于创建滚动文本,`...
2. `<a>`: 定义超链接,可以链接到其他网页、文件、邮箱地址等,通过`href`属性指定链接的目标地址。 3. `<acronym>`: 用于表示首字母缩写词,通常浏览器会提供提示信息显示完整词汇。 4. `<address>`: 用于展示与...
在文档主体中,<body>标签内的属性可以用来定义网页的基本样式,如背景颜色(BGCOLOR)、文本颜色(TEXT)、链接颜色(LINK)、已访问链接颜色(ALINK)以及活动链接颜色(VLINK)。同时,还可以设置背景图像...
13. `<a>`:定义超链接,用于链接到其他页面或资源。 14. `<img>`:插入图像。 15. `<ul>`和`<ol>`:定义无序和有序列表。 16. `<li>`:定义列表项。 17. `<div>`:通用容器,用于组合其他HTML元素。 18. `<span>`:...
通常,一个导航条由多个链接元素(`<a>`标签)组成,放在一个容器元素(如`<nav>`或`<ul>`)内。例如: ```html <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#...