CSS伪类在网站建设超链接中的应用
发布时间:2021-01-04 11:00:00
网站建设中必须联系CSS中的伪类。CSS提供了四种伪类设置链接,其中:link/:visited/:hover/:active。它们不能有一个正确的状态顺序,只能显示它们的位置。如何利用好CSS中的伪类,首先要理解伪类的含义和语法。下面重庆网站建设为您一一介绍。
:link—用于尚未访问的链接。在网页上,我们通常用它来区分未访问的超链接形式和已访问的超链接形式,其中:link是未访问的状态。
a: 链接{
颜色:红色;//在这里,不可访问连接的字体颜色设置为红色
文档语言决定哪些元素是超链接的源链。例如,在html中连接伪类适用于属性为a的元素。
:visited—访问后的链接。访问和未访问的链接是互斥的。
a: 访问{
颜色:绿色;//在这里,连接样式设置为绿色。
:hover—当光标指向某个元素但该元素未激活时应用于样式。它不仅可以用于超链接,还可以用于P和div元素。”停留,悬停”的意思。
a: 悬停
颜色:黄色;//悬停时颜色为黄色
B类背景:蓝色;//悬停时背景色为蓝色
字体-尺寸:小;//悬停时字体较小
:激活时,样式应用于。用户按下鼠标后,松开鼠标前,这是访问后的样式。
a: 活跃
颜色:黄色;//活动样式为黄色
B类背景:蓝色;//激活时背景为蓝色
字体-尺寸:小;//激活时字体很小
注:一个页面可以定义多种链接样式,灵活多变。