展会信息港展会大全

样式列表class 与id的区别
来源:互联网   发布日期:2016-03-25 16:32:32   浏览:1535次  

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

样式列表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;

}

#footerleftul li{

float:left;

margin:0;

padding:0;

}

#footerleftul li a{

display:block;

margin:0 5px 0 0;

float:left;

}

#footerleftp{

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 是以"."号开头的,这就是区别,而以"."开头的可以在同一页面出现多次,而以#号的只一个页面只能是一次,#号就像你的身份证一样,全国只有唯一的一个,而"."就像你的名字一样可以重复使用,各位明白了吗?

申明本站原创转载请注明来处:www.111cn.net

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港