龙空技术网

css基础篇08--超链接样式

刘学长讲前端 85

前言:

如今你们对“css超链接字体”都比较着重,大家都想要分析一些“css超链接字体”的相关知识。那么小编也在网摘上汇集了一些关于“css超链接字体””的相关内容,希望小伙伴们能喜欢,同学们一起来了解一下吧!

超链接a标签是网页最常用的一个元素,如何能够把超链接的样式外观控制得完美也是一项前端必备技能。

目标

四种超链接状态巧用hover伪类

在所有浏览器里,超链接的样式几乎都是一样,尤其是在新闻类的网站里,更是如此。

新闻类网站

几乎都是蓝色的文字,点击的瞬间变红色,浏览过的超链接是紫色。因为这就是官方默认的样式。

官方样式

超链接伪类

伪类就是不同状态的名字。

语法:标签:伪类值

伪类值

link就是默认样式,在未被访问时的样式

link

visited是访问后的样式

visited

hover是鼠标经过显示的样式

hover

active是鼠标单击激活时的样式

active

hover伪类

hover伪类不只限于a标签,几乎所有的标签都可以用,是一个非常强大的伪类!

只要是需要鼠标经过,做出样式改变的,就一定是hover伪类。

网上很多的需要鼠标经过做动画效果的,就是靠hover伪类。

动画效果

总结

思维导图

标签: #css超链接字体 #css超链接的四种状态 #css超链接的四种状态怎么设置 #css设置超链接样式 #超链接标签中包含哪几种状态其含义都是什么