CSS学习笔记-03- 过渡模块之前奏篇 a标签的伪类选择器
2024-08-24 18:20:55
CSS3 2D转换
CSS3 3D转换
CSS3 过渡
CSS3 动画
CSS3 的四大金刚。
想要实现酷炫的视觉效果,上面4个是必须要掌握的。学习之前,先复习一下 视觉盛宴的前菜 :a标签的伪类选择器
铛 铛 ,抬头看黑板,先划重点:
**注意点:
1.a标签的伪类选择器可以单独出现,也可以一起出现。如果一起出现,有严格的顺序要求。 编写可以遵循 爱恨原则 - love hate (Link visited hover active )
以下是全部代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
/* a标签存在一定的默认状态。
所谓a标签的伪类选择器,就是专门修改a标签不同状态下的样式的。 1.默认状态(从未访问过状态下的样式) -- link
2.被访问过的状态 --visited
3.鼠标长按的状态(按上不松手)--active
4.鼠标悬停 --hover */ a:link{
color: tomato;
} a:visited{
color:green;
}
a:hover{
color:orange;
} a:active{
color:pink;
} </style>
</head>
<body>
<a href="https://618.tmall.com/">taobao</a>
<a href="https://sale.jd.com/">jd</a>
</body>
</html>
最新文章
- Java程序设计之Constructor
- javascript高级编程3第三章:基本概念 本章内容 语法 数据类型 流控制语句 函数
- 学霸网站-Beta版本发布说明
- 缓存篇(Cache)~第二回 使用static静态成员实现服务器端缓存(导航面包屑)~续
- JS魔法堂:从void 0 === undefined说起
- CodeForceS#276-A
- Unity3D研究之Prefab里面的Prefab关联问题
- 关于datatable转换datatime类型的问题
- HDOJ(HDU) 1898 Sempr == The Best Problem Solver?(水题、、、)
- java中输入方式Scanner和BufferedReader
- java数组中的三种排序方法中的冒泡排序方法
- poj 2166 构造
- 关于微信小程序的Request请求错误处理
- python虚拟环境的安装配置
- IT屌丝如何获取改变自己的真正内心动力
- JavaScript获取当前url根目录(路径)
- Eclipse Ctrl+Space 无法工作的问题
- C# ADO.NET中设置Like模糊查询的参数
- 利用curl 实现URL监控
- vue中过滤器filters的使用