DIV中ID和class的使用有什么不同


刚入门的朋友可能会问,我什么时候使用id什么时候使用class,读完下文或许你就应该明白ID和class的区别。

class是设置标签的类

        id是设置标签的标识

        class属性用于指定元素属于何种样式的类。

        如样式表可以加入

        .title {

        font-size: 14px;

        font-weight: bold;

        }

        使用方法:class="title"

        id属性用于定义一个元素的独特的样式。
 
        如一个CSS规则:

        #container

        {
        width: 1004px;
        margin: 0 auto;
        text-align: left;
        }

        使用方法:id="container" ,id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

        class是一个样式,可以套在任何结构和内容上,就象一件衣服;

        概念上说就是不一样的:
        id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

        呵呵 上面说的已经很明白了,无论id还是class都能轻松实现特别效果,简单方便,希望对这方面不熟的人能有所启示


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3