以下为我的CSS部分,请大神们介绍下。是什么决定了我的内容字体颜色全部为白色?

<style type="text/css">
#dNavBar{
background-color:#ffffff;
}
#dNavBar li{
list-style-type:none;
float:left;
width:84px;
height:28px;
line-height:28px;
font-size:12px;
color:#FFFFFF;
border:3px solid #ffffff;
background-color:#86C2FF;
text-align:center;
display:block;
cursor:pointer;
}
#subMenu{
background-color:#0000FF;
width:1010px;
border-left:3px solid #ffffff;
border-right:3px solid #ffffff;
height:29px;
line-height:29px;
color:#FFFFFF;
font-size:12px;
padding-left:10px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: none;
}
a:visited{
color: #FFFFFF;
text-decoration: none;
}
</style>

www说
浏览 218回答 3
3回答

萧十郎

呵呵,最主要的是这些:a:link {color:#FFFFFF;text-decoration:none;}a:hover{color:#FFFFFF;text-decoration:none;}a:visited{color:#FFFFFF;text-decoration:none;}a:link说的是一个链接的样式,里面的color就是颜色了,#FFFFFF表示为白色,text-decoration:none;表示没有下划线;如果你的链接的颜色为黑色的话可以改成这样:a:link {color:#000;text-decoration:none;}a:hover表示鼠标放在链接上时的颜色,比如我想让鼠标放在链接上时的颜色为红色就可以改成:a:hover{color:#F00;text-decoration:none;}a:visited表示此链接点击过后的样式,比如说想区分点过了的和没点的链接,那就可以改变这个颜色值:a:visited{color:#FF7F50;text-decoration:none;}这里我改成了橘红色的,当然你自己也可以改的。

慕丝7291255

a:link {color: #FFFFFF; /*--链接的颜色为白色--*/text-decoration: none;}a:hover{color: #FFFFFF; /*--鼠标经过时链接的颜色为白色--*/text-decoration: none;}a:visited{color: #FFFFFF; /*--访问过的链接的颜色为白色--*/text-decoration: none;}把这三个的颜色都给更改一下就好了,修改代码如下:a:link {color: #0000FF; /*--链接的颜色为蓝色--*/text-decoration: none;}a:visited{color: #FF0000; /*--访问过的链接的颜色为红色--*/text-decoration: none;}a:hover{color: #00FF00; /*--鼠标经过时链接的颜色为绿色--*/text-decoration: none;}

Helenr

首先Css是不存在函数的,只存在属性每个属性都有其特定的意义css的层次优先级是:id>class同级class的时候,会优先调用特定值高的css样式例如:<div>&nbsp;&nbsp;<p>我是测试文字</p></div>div&nbsp;p{&nbsp;&nbsp;&nbsp;&nbsp;color:#FF7300;}p{&nbsp;&nbsp;&nbsp;&nbsp;color:#000;}像这种情况,DOM结构是会优先执行div p的css样式的。因为他的层次定位更为精准。这就是Css的属性基本意义。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3
WebApp