ID 和CALSS得区别

来源:百度知道 编辑:UC知道 时间:2024/05/25 11:01:37
想知道ID和CALSS的区别和用法, 有网友问,id和class好象没什么区别,我在页面中用了多个id在IE中显示也正常,用多个id有什么影响吗?
还是不大清楚,到底是一个网页里面只能用一个ID,还是一个网页里面相同名字的ID 只能用一次?(只要名字不同就可以用多个ID)

id class 是给css 和JavaScript 用的
如果你的网页没用这两样,就和显示没任何关系

原则上在一个网页中id值 是不能有重复的,不同标记的id取不同值
一个标记中只能有一个id

今天两个人询问这个问题,只欠我的概念也很模糊,就百度了一下,现在明白是如何一回事情了。贴出来,供概念模糊的朋友们一同学习。

定义格式:
另外,形如id="aaa"定义的,在css中是这样设置其样式的:
#aaa{ 样式列表 }
而以class="bbb"形式定义的,在css中应该这样设置其样式:
.bbb{ 样式列表 }
(注意前面有一个点)

用途:
class元素分2种,关 联的和独 立的. 关联的用于html的相关tag的,比如
h1.redone{color:red}
<h1 class= redone> 字体为红色的 <h1>
<h1> 字体是黑色的 <h1>
独 立的元素可以用于所有的html元素的,比如
.classname {property:value}
id元素和独 立的class功能相似,区别是id 是唯一的而且对于javascript操作html 元素有帮助,
#idname {property: value}

概念定义:
id是元素的名称,可以供js或其它脚本程序来访问该元素对象,而class是该元素的css类名。
id的值在整个当前网页中应该是唯一的,即某一个元素定义了id="aaa",那么这个网页中其它的元素的id就不能定义成aaa,而class则可以。

ID与CLASS的使用原则
据说W3C对于ID与CLASS的设定是ID具有唯一性,CLASS 具有普遍性。所以我们这里的使用原则也是依据这一特性建立的。ID是不能重复的,所以在 XHTML的结构中,大结构一定是用ID。比如标志、导航、主体内容、版权。这些呢接我自己制定的规范命名为#