• 在做网站使用CSS时ID与CLASS的区别

    2010-12-21

    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:

        

        

        id:

        

        

         定义class的css是用点:“.”,如.footer

         定义id的css是用井号“#”,如#footer

         我建议做网站公司在做网站时尽量使用规范的CSS