样式列表class 与id的区别?对于不受w3c标准来前台编辑员来说好像也没有什么区别哦,但是我今天还要讲一下吧,我们先来看看实例再讲解.
<style>
#footer{
clear:both;
color:#806a4f;
height:102px;
width:1024px;
margin:0 auto;
background:url(imgs/footer.jpg) top left no-repeat;
}
#footerleft{
margin:0 27px 0 0;
width:720px;
float:left;
}
#footerleft ul{
height:20px;
width:100%;
margin:0;
padding:20px 0 0 150px;
}
#footerleft ul li{
float:left;
margin:0;
padding:0;
}
#footerleft ul li a{
display:block;
margin:0 5px 0 0;
float:left;
}
#footerleft p{
margin:0 0 0 150px;
text-align:left;
}
#footerright{
margin:15px 0 0 0;
float:left;
height:23px;
width:176px;
background:url(imgs/searchback.gif) no-repeat top left;
border:1px solid #cdc59c;
}
.footer{ width:176px;}
</style>
<div id=”footer”>
<ul>
<li class=footer><a>首页|</a></li>
<li class=footer><a>关于我们|</a></li>
<li class=footer><a>加盟我们|</a></li>
<li><a>人才招聘|</a></li>
<li><a>联系我们|</a></li>
<li><a>隐私声明|</a></li>
<li><a>友情链接|</a></li>
</ul>
<div id=”copyright”>
<p>Copyright @ 2005 – 2008 fengweicai.com all rights resrved 湘ICP备 0731xxxxx号</p>
</div>
</div>
各位看到我标出来的蓝色与红色了吗?有没有注意到蓝色的css在这个页面是调用一次并在css定义时以#开关头而li 里面的footer 是以”.”号开头的,这就是区别,而以”.”开头的可以在同一页面出现多次,而以#号的只一个页面只能是一次,#号就像你的身份证一样,全国只有唯一的一个,而”.”就像你的名字一样可以重复使用,各位明白了吗?
申明本站原创转载请注明来处:
