HTML链接
链接的样式一般和其他文字的样式是不一样的。以便一下子就看出它是链接,和别的文字不同。
HTML链接的五种状态
在MDN的links(styling-link)文档可以看见:链接可以有几种(或者五种或者两种或者几种,一共有五种)状态:未访问过的链接(Unvisited)是默认状态,把鼠标移动上去时是悬停(Hover),点下去时是(Active)激活状态。访问过的状态(Visited)。 还有一个选中状态(Focus)。
body就是a标签,style样式,可以写body样式如何,p样式如何,a样式如何,然后a:link{color:black;}是默认样式,a:visited{color:red;}是访问过的样式,a:focus{border-bottom:1px solid;background:一个颜色;}是选中样式,a:hover悬停样式也可以差不多,激活a:active激活样式可以是background:一个颜色;color:一个颜色;。(:开头的是伪类。:visited是伪类,:hover也是伪类。类前带点,具体的类、伪类、标签选择器、后代选择器,写在下一篇笔记。)
用开发者工具查看HTML链接的五种状态的样式
开发者工具,选中一个链接,样式部分点击右上角的:hov可以,一个个选择不同状态看样式,可以进行调试。 获得焦点是focus,失去焦点是blur。除了链接,别的也有这些状态。 伪类,以冒号开头。:active,:hover,伪元素是两个冒号开头。