<!DOCTYPE html>
<style type="text/css">
a:link{color:black;}
a:visited{color:blue;}
a:hover{color:red;}
a:active{color:green;}
</style>
<a href="#"> content </a>
根据CSS就近原则,从底往向上顺序查找,一直找到满足条件的定义为止。
A标签的4个伪类:
1. ':link' :适用于未被访问的链接; |
2. ':visited' :适用于已经访问过的链接; |
3. ':hover' :鼠标指针指向一个元素,还未激活; |
4. ':active' :适用于一个元素被选择但未被释放; |
W3C制定的CSS21规范中指出:四个伪类的声明顺序应该是:':link'、':visited'、':hover'、':active'。 A:hover必须放置在A:link和A:visited之后,否则将隐藏A:hover内定义的相同规则。同理,A:active应在A:hover 之后,否则A:active中的相同规则将被隐藏。原因应该就在于浏览器解释CSS时遵循的“就近原则”。
推荐大家以后按照 L-V-H-A 的顺序来定义 <a> 标签的伪类样式。这样在各个浏览器里就都一样了。可以记这两个词:LOVE--HATE。
参考:
http://topic.csdn.net/u/20100630/14/7223adb9-3d4b-4869-9eaa-a424badeaeac.html
分享到:
相关推荐
} <div><p><span></span></p></div><span></span><div><em></em></div>。 子选择器用于选择所有子元素。例如:div > span { display:none;} <div><span></span></div><div><em><span></span></em></div>。 相邻...
此外,还会讲解如何创建标题(<h1>至<h6>)、段落(<p>)、超链接(<a>)以及图像(<img>)等元素。 进入HTML标签的学习,你会发现它包含了大量的元素,每个元素都有特定的用途。例如,表格(<table>)相关的标签如...
在HTML中,我们可以使用`<nav>`标签来定义导航区域,而`<ul>`和`<li>`元素则用于创建无序列表,代表各个导航项。 ```html <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a...
2. **内部样式**:将CSS写入`<style>`标签内,位于`<head>`中,适用于小规模项目。 3. **外部样式**:创建`.css`文件,通过`<link>`标签引入,方便重用和管理样式。 4. **CSS预处理器**:如Sass、Less,提供变量、...
- 常见的HTML标签有:`<p>`(段落)、`<a>`(链接)、`<img>`(图像)、`<h1>`到`<h6>`(标题)等。 2. CSS基础知识: - CSS的作用是什么?CSS(层叠样式表)用于控制网页的布局和外观。 - CSS选择器有哪些?如...
比如,可以利用CSS的`:hover`伪类改变鼠标悬停在`<li>`元素上时的旋转角度,以实现动态效果: ```css li { transition: transform 0.3s; /* 添加过渡效果 */ } li:hover { transform: rotate(45deg); /* 鼠标...
11. `<a>`:创建超链接。 12. `<img>`:插入图像。 13. `<input>`:用于用户输入,支持多种类型如文本、密码、复选框等。 14. `<form>`:定义表单,用于用户输入数据。 15. `<label>`:与`<input>`关联,为用户提供...
<a href="#section1">跳转到页面顶部</a> <div id="section1">这里是页面顶部</div> ``` ### 第7章:表格布局与单元格属性 #### 单元格属性 - `colspan`: 设置单元格跨多列。 - `rowspan`: 设置单元格跨多行。 ##...
HTML5中的标签是构建网页的基础元素,它们被包含在尖括号`<>`之中。为了保持文档的完整性和逻辑性,大部分标签需要进行闭合。标签的闭合方式主要分为两大类: 1. **单标签闭合(自闭合)**:这种标签不需要额外的...
`<a>`标签不仅可以链接到其他网页,还可以链接到页面内的特定位置。此外,HTML5引入了`<nav>`标签,专门用于创建页面导航部分,使得页面结构更加语义化。 对于图像超链接,我们可以使用`<img>`标签配合`usemap`属性...
`<a>` 标签用于创建超链接,`<img>` 用于插入图像,`<table>` 用于创建表格。`<meta>` 标签则用于提供元数据,比如设置关键词、描述以及页面刷新等。此外,还有一些语义化的标签,如 `<header>`、`<main>`、`<footer...
- 属性:标签可以包含属性,提供额外信息,如`src`(在`<img>`标签中指定图像源)和`href`(在`<a>`标签中定义链接地址)。 2. HTML5新特性: - 新增元素:HTML5引入了新的语义化元素,如`<header>`、`<footer>`...
- **链接标签`<a>`**:创建超链接,属性`href`用于指定链接目标的URL。 - **列表标签**: - `<ul>`:无序列表。 - `<ol>`:有序列表。 - `<li>`:列表项。 - `type`属性定义列表项目的符号样式(实心圆、空心圆...
- 外部样式表:单独的CSS文件,通过`<link>`标签引用。 示例代码: ```html <!DOCTYPE html> <html> <head> <style> h1 { color: red; font-family: Arial; } .button { color: blue; font-size: 18px; }...
3. **链接与图像**:`<a>`标签创建超链接,`<img>`引入图片,需指定`src`属性指向图像源。 4. **列表**:`<ul>`和`<ol>`分别表示无序和有序列表,`<li>`定义列表项。 5. **布局元素**:`<div>`是布局容器,常用于...
在该文件夹中,创建一个名为“0501.html”的网页,并在网页中插入HTML结构,如`<header>`、`<section>`和`<a>`标签,同时定义相应的文字内容。然后,通过编写CSS来实现超链接的样式设置,包括但不限于颜色、装饰、...
- 内部样式:在`<head>`中使用`<style>`标签定义样式。 - 内联样式:直接在HTML标签中使用`style`属性定义样式。 - **选择器分类**: - 元素选择器:通过标签名选择元素。 - 类选择器:通过`.`前缀选择具有特定...
- 在`<head>`部分使用`<style>`标签来定义CSS规则。 - 示例: ```html <style type="text/css" media="screen,projection"> p { font-size: 20pt; color: blue; font-family: "Arial"; list-style-type: ...