a链接标记的三种方式使用我的个人理解

看这张http://www.xinran001.com专业DIV+CSS培训首页

a链接标记的三种方式使用我的个人理解_第1张图片

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

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

    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类比较实用

    a.redlink:link {
COLOR
: #ff0000; TEXT-DECORATION: underline
}
a.redlink:visited
{
COLOR
: #ff0000; TEXT-DECORATION: underline
}
a.redlink:hover
{
COLOR
: #ff0000; TEXT-DECORATION: none
}

面调用写法是

<a href="http://www.xinran001.com" title="了解更多关于div+css培训详情" class="redlink">了解详细</a>


了解更多:www.xinran001.com


你可能感兴趣的:(使用)