如何玩转CSS链接(link)知识点?
CSS 链接
不同的链接可以有不同的样式。
链接样式
链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。
特别的链接,可以有不同的样式,这取决于他们是什么状态。
这四个链接状态是:
- a:link - 正常,未访问过的链接
- a:visited - 用户已访问过的链接
- a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻
a:link {color:#000000;} /* 未访问链接*/a:visited {color:#00FF00;} /* 已访问链接 */a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */a:active {color:#0000FF;} /* 鼠标点击时 */
当设置为若干链路状态的样式,也有一些顺序规则:
- a:hover 必须跟在 a:link 和 a:visited后面
- a:active 必须跟在 a:hover后面
常见的链接样式
根据上述链接的颜色变化的例子,看它是在什么状态。
让我们通过一些其他常见的方式转到链接样式:
文本修饰
text-decoration 属性主要用于删除链接中的下划线:
a:link {text-decoration:none;}a:visited {text-decoration:none;}a:ho
如何玩转CSS链接(link)知识点?相关推荐
- html链接css代码link,CSS 链接(link)
CSS 链接 不同的链接可以有不同的样式. 链接样式 链接的样式,可以用任何CSS属性(如颜色,字体,背景等). 特别的链接,可以有不同的样式,这取决于他们是什么状态. 这四个链接状态是:a:link ...
- 【代码笔记】Web-CSS-CSS 链接(link)
一,效果图. 二,代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
- CSS基础必备知识点01
CSS基础必备知识点 CSS(Cascading Style Sheme), 层叠样式表或级联样式表,简称样式表.它的作用是给HTML网页设置外观或者样式.其中外观或者样式指的是:HTML网页中的文字 ...
- 你没有见过的6个创意CSS链接悬停效果
创建 CSS 链接悬停效果可以为原本平淡无奇的网页添加一些风格.如果您曾经发现自己在尝试制作流畅的悬停效果时遇到了困难,那么我有六个 CSS 效果供您采用并用于您的下一个项目. 滑动高亮链接悬停效果 ...
- 一文梳理CSS必会知识点
本文主要梳理CSS必会知识点,会持续补充更新哦!长文预警!这可能是目前最长的一篇了???? ???? ???? ???? CSS引入 有哪些引入方式?通过link和@import引入有什么区别?(* ...
- 前端HTML+CSS+JS+AJAX知识点
HTML+CSS 1.主流浏览器+内核: IE trident Firefox Gecko Google chrome Webkit/blink Safari Webkit Opera presto ...
- apache伪静态把css 排除掉_一文梳理CSS必会知识点
本文主要梳理CSS必会知识点,会持续补充更新哦!长文预警!这可能是目前最长的一篇了? ? ? ? CSS引入 有哪些引入方式?通过link和@import引入有什么区别?(* ) CSS引入方式有4种 ...
- 【CSS3】CSS——链接
CSS链接样式 属性 描述 a:link 普通的.未被访问的链接 a:visited 用户已访问的链接 a:hover 鼠标指针位于链接的上方 a:active 链接被点击的时刻 1.a:link ...
- css链接样式_CSS中的样式链接
css链接样式 CSS样式链接 (CSS Styling Links) The links in CSS can be styled in various ways to make our websi ...
最新文章
- D. Colored Rectangles[思维dp]
- HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用?
- maven生成jar包,包含第三方jar包
- HDU-1274 展开字符串
- 计算机操作系统——死锁
- Solr-5.3.1安装配置
- a访问过后hover样式就不出现了 被点击访问过的超链接样式不再具有hover和active 解决方法...
- git提交异常 fatal: LF would be replaced by..
- 吴恩达深度学习笔记(八) —— ResNets残差网络
- mysql concat 索引_mysql-查看数据库、索引、表大小
- 安卓QQ闪照解密秒存助手
- 【OOP编程思想小感悟】
- 1分钟学会给你的网站添加上https!
- websocket前端向后端传数据时出现Buffer
- 潍坊学院计算机系宿舍,关于表彰潍坊学院第十届大学生宿舍文化节先进集体和先进个人的决定...
- ELementUI select多选下拉框获取选中项的全部属性
- 无线耳机除了苹果哪个牌子好?类似苹果耳机的蓝牙耳机推荐
- 微信公众号运营新手要掌握的排版技巧
- WIN10-IE首页劫持后通过Internet选项更改首页无效问题
- ssh登录报no matching MAC found. Their offer: hmac-sha2-512异常
热门文章
- lora近几年发展的具体介绍
- java 所有子类_java 查找类的所有子类
- ajax17,17个使用AJAX技术的数据表格控件
- 蓝桥杯单片机基础学习00_1
- 基带模型下基于高阶累积量的MFSK信号的调制识别(代码和参考文献见CSDN同名资源)
- matlab小波脊线,小波脊线提取,模极大值法。运行的结果不太对,代码有些地方我也没完全看懂...
- EbN0、SNR、0.1nmOSNR的区别与联系
- k8s停止服务_使用 K8S 几年后,这些技术专家有话要说
- NOIP模拟测试7「方程的解·visit」
- AntDesign Form表单字段校验的三种方式