当前位置:网络安全 > 调整CSS类型顺序改变链接滚动效果_CSS/HTML

调整CSS类型顺序改变链接滚动效果_CSS/HTML

  • 发布:2023-10-01 09:55

web前端|css教程
|调整|全C|CS|SS|S类|类型|类型|顺 |顺序|更改|更改|更改|链接|跟随|翻滚|滚动效果|效果|水果|
Web前端-css教程
你可能已经意识到,你可以指定每个不同的样式一键创建 CSS 滚动效果。这些链接包括正常链接(正常)、访问、翻转和激活。此外,您可能还知道 CSS 类型的顺序会对性能产生影响。 CSS 代码的后序样式将替换同一元素的预序样式。创建滚动效果类型的顺序非常重要。
现在让我们看看如何排列链接状态的类型以支持正常的翻滚效果而不产生冲突,以及如何重新排列这些类型的顺序以获得不同的翻滚效果。

链接状态

典型的 CSS 滚动效果依赖于超链接中四种状态之一的独立类型。可以使用 CSS 预类创建 (超链接)类型来指定链接状态:

a:link - 常规、不可访问的超链接

a:已访问——已访问的超链接

a:hover——访问者将鼠标移动经过的链接

a:活动——点击链接

为了让典型的CSS滚动效果正常工作,CSS代码中CSS类型的顺序非常重要,无论是外部类型表还是嵌入在HIML页面标题栏中的类型规则。

a:link 类型出现最早,因为它可以应用于所有链接。 a:visited 类型排在第二位,它将取代任何链接的 a:link 格式。 (如果 a:link 类型后跟 a:visited,则 a:link 可能会替换 a:visited 类型。)后跟 a:hover 类型,该类型应该仅用于访问鼠标下的链接。最后,还有一个:active,因此当单击链接时,它会替换所有其他类型。

a:链接{

颜色:#0000FF;

文字修饰:下划线;

字体粗细:正常;

字体样式:正常;

}

a:访问过{

颜色:#3399FF;

文字修饰:下划线;

背景颜色:#FFFFFF;

字体粗细:正常;

字体样式:斜体;

}

a:悬停{

颜色:#0000FF;

文字修饰:下划线;

背景颜色:#FFFF00;

字体粗细:粗体;

字体样式:正常;

}

a:活跃{

颜色:#FF0000;

文本修饰:无;

背景颜色:#CCCCCC;

字体粗细:粗体;

字体样式:正常;

}

CSS 代码中类型的顺序决定了每种类型如何替换其他类型,即可以将更多类型应用于特定元素。通常,a:hover 类型位于 a:link 和 a:visited 类型之后,因此悬停状态类型可以应用于常规链接和已访问链接。不过,不一定非要这样,你可以改变类型的顺序来达到不同的效果。

jsp导航网站源码,ubuntu qt读取文件,java爬虫拒绝301,PHP管道,Seo搜索索引lzw
假设你想在非访问链接中使用滚动效果,但又不想影响其他访问链接时,你可能会想到通过代码来处理这种外观变化,但你所要做的就是重新组织 CSS 代码。

通过删除 a:visited 类型可以轻松删除访问链接的滚动效果。

请注意,a:visited 类型包含指定与 a:hover 相同属性的规则。否则,当访问者的鼠标经过访问链接时,任何未被 a:visited 类型替换的 a:hover 类型属性将继续重新出现。

来源:网络教学网

翻网页源码,ubuntu屏幕变小,tomcat8官网安装,python框架爬虫面试,PHP继承学习笔记教程交流,甘肃谷歌seolzw

相关文章

热门推荐