知希网络咨询邮箱 咨询邮箱:1951819139 @ qq.com 知希网络咨询热线 咨询热线:19931803719 知希网络微博
您的位置:北京做网站 > SEO资讯 > 在做网站使用CSS时id与class的区别

在做网站使用CSS时id与class的区别

时间:2017-08-03 17:42 来源:互联网 作者:北京做网站 浏览次数:
id:用来界说页面中大的款式,如节目区别,顶部,正文,底部等;用#top的方式来界说;
class:用来界说一些对比细节的款式,如详细的一个菜单,一行文字等,用.text的方式来界说。
界说HTML中的标签,如ul,img,p等时,直接写:img{}
 
#main和.main有什么区别:
 
#main 界说的是ID为"main"这个元素的款式
.main 的意思是新建一个名为"main"的款式
#main 只能界说ID为"main"这个元素的款式
.main 一但界说今后,能够让别的的元从来调用,办法为class="main"
用#界说CSS款式,在调用时必须用ID,用.界说CSS款式,在调用时必须用CLASS。用
#界说的款式,通常都是界说构造结构,一些大的容器,且在同一个页面只能呈现一
次;并且.界说的款式,通常都是起润饰效果或屡次重复的款式。还一点即是在同一
个层里一起呈现ID和CLASS款式,ID更优先于CLASS。
一个Class是用来依据用户界说的标准对一个或多个元素进行界说的。打个对比恰当
的比方即是剧本:一个Class能够界说剧本中每个人物的故事线,你能够经过CSS,
javascript等来运用这个类。因而你能够在一个页面上运用class="Frodo" ,
class="Gandalf", class="Aragorn"来区别不一样的故事线。还有一点非常重要的是
你能够在一个文档中运用恣意次数的Class。
至于 ID,通常用于界说页面上一个仅呈现一次的符号。在对页面排版进行构造化布
局时(比方说通常一个页面都是由一个页眉,一个报头< masthead>,一个内容区域
和一个页脚等构成),通常运用ID对比抱负,因为一个ID在一个文档中只能被运用
一次。而这些元素在同一页面中很少会呈现大于一次的状况。
 
 
class是款式组,用.style界说,class="style": 
.style界说款式组,能够被重复调用,即是说你一个页面里,能够有多个元素用同一个style;
ID是固定标签,用#style1界说,ID="style1" 
#style1界说固定标签,用于界说一个特定的元素,每个页面只能呈现一次,不能重复调用。尽管如今有的页面屡次调用#style1,但那是不标准的,在某些浏览器中也会无法解读形成页面犯错。
 
class能够在页面里边重复运用,id因为在页面里边只能呈现一次,所以不能重复运用,所以尽量用class来写,这么能在页面里边重复引证你写的css,减小工作量和代码量。
    这种状况尽量用id:页面大的模块里边,用id来区别不一样的模块。比方页面里边有这么的模块:最新新闻,引荐新闻等。就能够思考用id来区别。
    还有一点,因为id是页面中仅有的,更多的是界说来留给给页面里边的 javascript用。
    弥补:class和id在页面里边的运用办法:
    class:
     <style type="text/css">
        .footer{background:red;}
     </style>
     <div class="footer">footer</div>
    id:
     <style type="text/css">
        #footer{background:red;}
     </style>
     <div id="footer">footer</div>
     界说class的css是用点:“.”,如.footer
     界说id的css是用井号“#”,如#footer
     北京做网站_知希科技主张做北京网站公司在做网站时尽量运用标准的CSS
  • 上一篇:北京做网站PHP生成静态页面的方法
  • 下一篇:北京做网站的三十六条原则

  • 转载请注明出处。在做网站使用CSS时id与class的区别 http://www.ezhixi.com/news/349.html
    上一篇链接:http://www.ezhixi.com/news/348.html
    下一篇链接:http://www.ezhixi.com/news/350.html