【响应式Web前端设计】:link、:hover、:active和:visited的区别

:link、:hover、:active和:visited的区别？
:link表示鼠标点击之前，也称为原始状态
:hover表示鼠标悬停状态
:active表示鼠标点击状态
:visited表示鼠标点击之后状态

<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="content-type" content="text/html" charset="UTF-8"><title>isolated star学习四个伪类选择器</title><style type="text/css">/*点击之前*/a:link {background-color: red;}/*鼠标悬停状态*/a:hover {background-color: green;}/*点击状态*/a:active {background-color: blue;}/*点击之后状态*/a:visited {background-color: gray;}/*改变文字的默认颜色以及消除下划线*/a{color: white;text-decoration: none;}</style>
</head>
<body><!--伪类元素选择器(原始状态[:link];鼠标悬停状态[:hover];点击状态[:active];点击之后[:visited])--><a href="http://www.aimacademy.cn/" target="_blank">点击进入爱玛学院</a>
</body>
</html>

【响应式Web前端设计】:link、:hover、:active和:visited的区别相关推荐

【响应式Web前端设计】一文学会使用Bootstrap！
文章目录 1 概念 2 Bootstrap简介 3 布局容器 4 导航栏(navbar) 4.1 基本 4.2 响应式 5 垂直表单-基本表单 6 栅格系统 7 标签页 8 响应式工具请先学习该文 ...
【响应式Web前端设计】Register Demo
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>用户 ...
【响应式Web前端设计】Login Demo
body{background: url('../img/1.png')no-repeat center center fixed;background-size: cover;padding: 20 ...
【响应式Web前端设计】Bootstrap入门Demo(导航栏)
文章目录 1 导入bootstrap.min.css 2 效果 3 代码 1 导入bootstrap.min.css 2 效果 3 代码 <!--作者:88304454@qq.com时间:202 ...
【响应式Web前端设计】CSS3 :nth-of-type() 选择器
<!DOCTYPE html> <html> <head> <style> p:nth-of-type(2) {background:#ff0000; ...
【响应式Web前端设计】css如何设置边框的圆角样式？border-radius属性设置圆角样式（图文）
border-radius包含5种设置圆角样式方式: border-radius :同时设置4个边框的圆角样式. border-top-left-radius :设置左上角边框的圆角样式. borde ...
【响应式Web前端设计】css中：overflow：hidden解决塌陷
overflow:hidden是当元素内的内容溢出的时候使它隐藏溢出的部分,即超出部分隐藏. 1.我们给一个父元素,里面有两个子元素 2.样式如下:给父元素设置背景颜色,子元素设置边框,两个字元素向左 ...
【响应式Web前端设计】CSS浮动(float,clear)讲解
首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流.如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为d ...
【响应式Web前端设计】!important的用法及作用
div { color: #f00 !important; } div { color: #000; } //上述代码中,ie6及其以下浏览器div的文本颜色为#fff,后面的重写的div样式没有起作 ...

【响应式Web前端设计】:link、:hover、:active和:visited的区别

【响应式Web前端设计】:link、:hover、:active和:visited的区别相关推荐

最新文章

热门文章