这个问题好比人的名字有什么用？比如一个班级有50个同学，其中一个同学的名字叫张三，那么我们可以这么认为：张三就是这个同学的ID
我们再换个角度想：假如网页里有50个<div>，高度和宽度全部都是50像素，但其中一个要求背景颜色为红色，这时我们就可以为那个背景为红色的div定义一个id。然后css通过id识别出要加背景色的div。
id的作用就是这样，便于识别特殊的div。就像人的名字一样，喊名字才知道是叫谁。
说明：在同一个页面中，id是唯一的，不要重复指定相同的id，否则会导致不可预知的错误哦。
写一段代码加深一下楼主的印象：
CSS部分 css里指定id时前面加#，后面接着id的名称。如：#dif
div{ width:50px height:50px}#dif{ background:#F00}
html部分：这里就不写50个div了，只写5个。
<div></div><div id="dif"></div>
<div></div>
<div></div>
<div></div>
css中这两者的区别如下ID和class都是选择器，id是id选择器,class是类选择器。
id选择器相同名字在页面中只能出现一次，是唯一的。使用时一般用于某个特定的样式。用id指定样式，通过#来定义
class选择器在页面中可以出现多个相同名字，当页面中某些属性相同时使用，比如字体大小都是24px。用class指定样式，通过.来定义
css的id和class不同之处在于体现在以下几个方面：
css中id的优先级高于class，以下示例代码进行说明：
<style>.aa{color:#000}
#bb{color:ff0000}
</style>
<div class="aa" id="bb">猜猜class和id优先级谁高</div>
<style>
#bb{color:ff0000}
.aa{color:#000}
</style>
<div class="aa" id="bb">猜猜class和id优先级谁高</div>
说明：无论class的样式文件在第一行或者第二行输出结果都是红色字体，说明id优先级高于class。
2.class css中得用.class的属性值，id是#id的值。
正确使用id和class
如果涉及到js获取值的话用id，否则用class来写。
注意事项：命名css的class和id应该有一定的规范性。
