DIV的ID属性和CLASS属性有什么区别呢?

如题所述

class是设置标签的类。
id是设置标签的标识。

class属性用于指定元素属于何种样式的类。
如样式表可以加入:
.baobao { color: lime; background: #ff80c0 }
使用方法:class="baobao"
id属性用于定义一个元素的独特的样式。如一个CSS规则:
#binbin { font-size: larger }
使用方法:id="binbin"

id是一个标签,用于区分不同的结构和内容,就象你的学号,如果一个班里有2个人相同学号,就会出现混淆;
class是一个样式,可以套在任何结构和内容上,就象一件衣服;
概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。
归纳成一句话就是:Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题。
在实际应用的时候,Class可能对文字的排版等比较有用,而ID则对宏观布局和设计放置各种元素较有用。

记得有个朋友和我这样说过:id是学号,name是名字,class是衣服 名字可以起一样的,衣服也可以穿相同的,但学号则是唯一的

上面有一部分是在网上找到的一些资料,觉得比较详细,也描述得不错,加了点自己的东西,和大家分享下吧。。
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-05-16
ID就像一个人的身份证,用于识别这个DIV的,Class就像人身上穿的衣服,用于定义这个DIV的样式。一般一个网页不设二个或二个以上同ID的div,但Class可以多个DIV用同一个Class本回答被网友采纳
第2个回答  2012-03-05
一个页面可以有很多重复的class
但不可以有很多重复的id
如:
<div id="top"></div> 页面只可以用一次
<div class="top"></div> 页面可以多次使用.
第3个回答  2012-03-03
ID是针对一个的唯一的
CLASS是针对一类的 多个使用
相似回答