CSS中class和id的区别
例如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSSBBS新手教程第一课</title>
<style>
div{ width:100px; height:100px; border:1px solid #000; float:left; background:#99FF00; margin-left:10px;}
.css{ background:#FFFF00}
#css{ background:#00FFFF}
</style>
</head>
<body>
<div>直接div</div>
<div class="css">.css</div>
<div id="css">#css</div>
</body>
</html>我修改运行以后就框框的颜色变了其他都没变？不知道真正的区别，通俗点啊～我不太懂呵呵谢谢
class可以定义多个值并且可以应用到多个标签上，但ID只能是一个。
例如
<div class="css">.css</div>
<div id="css">#css</div>
<span class="css">.css2</span>
是正确的，
<div class="css">.css</div>
<div id="css">#css</div>
<span id="css">.css2</span>
是错误的，
<div class="css1 css2">.css</div>
<div id="css">#css</div>
<span class="css1">.css2</span>
是正确的，
<div class="css">.css</div>
<div id="css1 css2">#css</div>
<span class="css">.css2</span>
是错误的。
一般一个对象在代码中拥有唯一的属性时建议使用ID，因为有时候我们会使用javascript脚本通过获取ID来定义这个对象。
例如
<div class="css">.css</div>
<div id="css">#css</div>
<span class="css">.css2</span>
是正确的，
<div class="css">.css</div>
<div id="css">#css</div>
<span id="css">.css2</span>
是错误的，
<div class="css1 css2">.css</div>
<div id="css">#css</div>
<span class="css1">.css2</span>
是正确的，
<div class="css">.css</div>
<div id="css1 css2">#css</div>
<span class="css">.css2</span>
是错误的。
一般一个对象在代码中拥有唯一的属性时建议使用ID，因为有时候我们会使用javascript脚本通过获取ID来定义这个对象。
温馨提示：内容为网友见解，仅供参考
第1个回答 2009-03-20
id类似你的居民身份证，具有唯一性，唯一标示文档中的某一元素，但是不一定每个标签都加上id，根据需要，就比如说未满18岁的公民可以不办理身份证，呵呵。
class是指的类，元素的群组划分，比如把某些元素划分为某一类。
我们知道html中含有很多标签div ,p,span等等，如果我们选择他们中的所以p可以通过P来选择，但是这种通过标签选择实际中原因不能满足我们的要求，我们迫切需要一些自定义的名称来选择一些元素，如果把这些自带的标签div,p等等看做男人，女人，那么我要是让你选择"好人"怎么选择，所以可能需要定义"好人"这个类，
那么下面的代码
<男人 name="张三" id="370119880526" class="好人"></男人>
<男人 name="张三" id="372519880526"></男人>
<女人 name="小花" id="371119880526" class="好人"></女人>
选择 .好人{}
class是指的类，元素的群组划分，比如把某些元素划分为某一类。
我们知道html中含有很多标签div ,p,span等等，如果我们选择他们中的所以p可以通过P来选择，但是这种通过标签选择实际中原因不能满足我们的要求，我们迫切需要一些自定义的名称来选择一些元素，如果把这些自带的标签div,p等等看做男人，女人，那么我要是让你选择"好人"怎么选择，所以可能需要定义"好人"这个类，
那么下面的代码
<男人 name="张三" id="370119880526" class="好人"></男人>
<男人 name="张三" id="372519880526"></男人>
<女人 name="小花" id="371119880526" class="好人"></女人>
选择 .好人{}
第2个回答 2019-03-13
在样式表定义一个样式的时候，可以定义id也可以定义class。
1、在CSS文件里书写时，ID加前缀"#"；CLASS用"."
2、id一个页面只可以使用一次；class可以多次引用。
3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；
4、从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。
1、在CSS文件里书写时，ID加前缀"#"；CLASS用"."
2、id一个页面只可以使用一次；class可以多次引用。
3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；
4、从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。
第3个回答 2019-12-23
楼主：建议你多查查资料,很简单的。
参考如下：
id与class
class的主要功能，用来对对象的样式设置，id除了可以定义样式之外，还可以成为网站交互行为一个特使标识。
id名字在每个页面中只能允许出现一次。
何时使用id：
1.样式只使用一次
2.用于对页面的区域进行标识
何时使用class
1.同一页面中出现多次
2.通用及经常使用的元素
3.class高级使用技巧-同事使用多个类
<p
class="content
red
newsblock">hello</p>
div与span
div对象的默认显示模式display:block;
span对象默认显示模式display:inline;
div对象的任务是呈现一个块状内容；
span对行内元素进行结构编码以方便样式设计
参考如下：
id与class
class的主要功能，用来对对象的样式设置，id除了可以定义样式之外，还可以成为网站交互行为一个特使标识。
id名字在每个页面中只能允许出现一次。
何时使用id：
1.样式只使用一次
2.用于对页面的区域进行标识
何时使用class
1.同一页面中出现多次
2.通用及经常使用的元素
3.class高级使用技巧-同事使用多个类
<p
class="content
red
newsblock">hello</p>
div与span
div对象的默认显示模式display:block;
span对象默认显示模式display:inline;
div对象的任务是呈现一个块状内容；
span对行内元素进行结构编码以方便样式设计
第4个回答 2009-03-19
class可以应用于很多对象；而id是唯一的，只能适应于一个对象
相似回答
