CSS里面ID与Class的区别是格式与用途的不同，具体有：

在CSS文件里书写时，ID加前缀"#"；Class用"."

ID一个页面只可以使用一次；Class可以多次引用。

ID是一个标签，用于区分不同的结构和内容。就如函数中的变量，如果一个调用中出现两个一致的变量，就会出现混淆，系统将报错无法识别；Class是一个样式，可以套在任何结构和内容上，如同属性一致则认为是一个类。

从概念上说就是不一样：ID是先找到结构/内容，再给它定义样式；Class是先定义好一种样式，再套给多个结构/内容。

CSS里面定义ID与Class格式与用途的不同具体（例子）有：

定义格式不同：

形如ID="aaa"定义的,在css中是这样设置其样式的：#aaa{ 样式列表 }

以Class="bbb"形式定义的，在CSS中应该这样设置其样式：.bbb{ 样式列表 }

用途不同：

Class元素分2种,关联的和独立的。关联的用于html的相关tag，比如：h1.redone{color:red}

字体为红色的

字体是黑色的

独立的元素可以用于所有的html元素的，比如

.classname {property:value}

ID元素和独立的Class功能相似，区别是ID是唯一的而且对于javascript操作html 元素有帮助。

#idname {property: value}

归纳成一句话就是：Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题，但在标准上这绝对是错误的使用，而且很可能导致某些浏览器的现实问题。

注：A、在样式表定义一个样式的时候，可以定义id也可以定义class。B、目前主流浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过ID来控制Div时就会出现错误。

html中使用css定义样式的元素、ID和类分别是什么意思？

1、用途不同：name主要用于获取提交表单的某表单域信息，?作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、框架元素(iframe、frame、?window的名字，用于在其他frame或window指定target?)和button等。

而id和class主要是通过css控制设置了id和class的元素的样式。

2、用法不同：定义了id的元素在css中用id选择器“#”来选择，例如?

My First Heading

My First Heading

扩展资料：

关于ID和Name的一些注意事项

1、当然HTML元素的Name属性在页面中也可以起那么一点ID的作用，因为在DHTML对象树中，我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组。

2、如果页面中有n(n>1)个HTML元素的ID都相同了怎么办？在DHTML对象中怎么引用他们呢？如果我们使用ASPX页面，这样的情况是不容易 发生的，因为aspnet进程在处理aspx页面时根本就不允许有ID非唯一，这是页面会被抛出异常而不能被正常的render。

3、要是不是动态页面，我们 硬要让ID重复那IE怎么搞呢？这个时候我们还是可以继续使用document.getElementById获取对象，只不过我们只能获取ID重复的那 些对象中在HTML Render时第一个出现的对象。

而这时重复的ID会在引用时自动变成一个数组，id重复的元素按Render的顺序依次存在于数组中。

可以这样理解：一、元素：就是html标签，比如table，tr，td，img，input等等，在对这些使用css的时候，元素名前面可以不用加任何符号，如：对网页中所有input元素用一个css样式，那么可以在样式中写 input｛样式｝二、ID：如果想在网页中某个特定地方使用css，这时候就可以给那个元素一个ID，在样式的时候，ID前面要加“#”，比如：想对ID为test的表格应用一个css样式，可以写作 #test三、类就是大多数情况下都可以调用的，在前面要加个“.”，然后在使用的时候用 “class=类名”

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com