[div+css培训] a链接标记的三种方式使用我的个人理解

最新推荐文章于 2021-08-03 19:34:00 发布

wycsniper

最新推荐文章于 2021-08-03 19:34:00 发布

阅读量400

点赞数

本文介绍了三种网页链接样式的设置方法：默认链接样式用于最常见的链接颜色；派生链接样式适用于较为集中但使用较少的颜色；通过添加class类实现针对零散且使用频率较低的链接颜色的定制化设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、页面中链接色用的最多的设为默认链接样式;

大家观察这个页面上也就是黑色的链接色用的最多了,
我个人是把网页中用到的最多的链接色做为网站的默认链接色来设置，

# a:link {
# color:#333; text-decoration: none;
# }
# a:visited {
# color:#333; text-decoration: none;
# }
# a:hover {
# color:#FF0000; text-decoration: underline;

二、页面中用的相对少的链接色而且也相对比较集中的,我个人认为用派生链接样式比较实用

比如页面中的这里,我们可以用外围的父标签来派生链接样式

#


# .newsitem ul a:link {
# COLOR: #0000ff; TEXT-DECORATION: underline
# }
# .newsitem ul a:visited {
# COLOR: #0000ff; TEXT-DECORATION: underline
# }
# .newsitem ul a:hover {
# COLOR: #0000ff; TEXT-DECORATION: none
# }

三、页面中用的相对少的链接色而且也相对比较零散的,我个人认为a标记加class类比较实用

比如页面中这了解详细红色的链接

   1. a.redlink:link {
   2. COLOR: #ff0000; TEXT-DECORATION: underline
   3. }
   4. a.redlink:visited {
   5. COLOR: #ff0000; TEXT-DECORATION: underline
   6. }
   7. a.redlink:hover {
   8. COLOR: #ff0000; TEXT-DECORATION: none
   9. }