什么是产品设计:关于css的问题

来源:百度文库 编辑:神马品牌网 时间:2024/04/29 02:36:25
在一个网页中定义了一个css样式
比如 我定义导航条字体
.font_daohang {
font-size: 14px;
color: #FFFFFF;
text-align: center;
}
这样的话导航的 颜色和字体都可以确定
若要把他改成链接的话 默认的字体都成了蓝色
我又如下定义
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
把链接的颜色都改成了 白色
但是 问题又出来了
本来其他链接的颜色是红色 现在全都变成了白色
影响了网页的整体效果
这种情况下css怎么定义 或者有什么好的解决办法没有 ?
谢谢

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Generator" CONTENT="EditPlus">
<style>
a.aa{COLOR:#FF0000; TEXT-DECORATION: none; Cursor:hand}
a.aa:hover {COLOR:#0000FF; TEXT-DECORATION: none; Cursor:hand}
</style>
</HEAD>
<BODY>
<A class="aa" HREF="http://www.35766.com" target="_blank">35766 网络书签——免费到底</A><BR>
<A HREF="http://www.35766.com" target="_blank">35766 网络书签——免费到底</A><BR>
</BODY>
</HTML>

最好的办法就是下载别人的CSS样式表进行研究。
定义单个链接可以这样。
a.image:hover{
text-decoration: none
}
a.dovelink:link,a.dovelink:hover,a.dovelink:visited,a.dovelink:active,a.dovelink:hover{
color: #C0C0C0;
font: 11px/14px Verdana, Arial;
text-decoration: none
}

然后使用
<a href="" class="dovelink">灰色链接</a>
调用