样式列表class 与id的区别

作者:袖梨 2022-07-02

样式列表class 与id的区别?对于不受w3c标准来前台编辑员来说好像也没有什么区别哦,但是我今天还要讲一下吧,我们先来看看实例再讲解.

代码如下 复制代码

#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;}

各位看到我标出来的蓝色与红色了吗?有没有注意到蓝色的在这个页面是调用一次并在css定义时以#开关头而li 里面的footer 是以"."号开头的,这就是区别,而以"."开头的可以在同一页面出现多次,而以#号的只一个页面只能是一次,#号就像你的身份证一样,全国只有唯一的一个,而"."就像你的名字一样可以重复使用,各位明白了吗?

申明本站原创转载请注明来处:

相关文章

精彩推荐