css基础篇08--超链接样式
超链接a标签是网页最常用的一个元素,如何能够把超链接的样式外观控制得完美也是一项前端必备技能。
目标
- 四种超链接状态
- 巧用hover伪类
在所有浏览器里,超链接的样式几乎都是一样,尤其是在新闻类的网站里,更是如此。
几乎都是蓝色的文字,点击的瞬间变红色,浏览过的超链接是紫色。因为这就是官方默认的样式。
超链接伪类
伪类就是不同状态的名字。
语法:标签:伪类值
link就是默认样式,在未被访问时的样式
visited是访问后的样式
hover是鼠标经过显示的样式
active是鼠标单击激活时的样式
hover伪类
hover伪类不只限于a标签,几乎所有的标签都可以用,是一个非常强大的伪类!
只要是需要鼠标经过,做出样式改变的,就一定是hover伪类。
网上很多的需要鼠标经过做动画效果的,就是靠hover伪类。
请先 后发表评论~