Class与ID，很多人并没有仔细了解过之中区别。看下文介绍：用class对元素进行分类：
你可以通过在样式表里利用.classname来为属于某一类 的元素定义CSS属性。
我们让白葡萄酒的链接全部显示为黄色，红葡萄酒的链接全部显示为红色，其余的
链接显示兰色。
利用class：
<p>制造红葡萄酒的葡萄：</p>
<ul>
<li><a href="cs.htm" class="redwine">卡百内索维农（Cabernet Sauvignon）</a></li>
<li><a href="me.htm" class="redwine">墨尔乐（Merlot）</a></li>
<li><a href="pn.htm" class="redwine">黑比诺（Pinot Noir）</a></li>
</ul>
css:
a {
color: blue;
}
a.whitewine {
color: #FFBB00;
}
a.redwine {
说明：a代表a标签，a.whitewin代表引用a标签的whitewin类。
必须要注明是哪个标签，这与id不同，因为id是唯一的，所 以id直接引用就OK了
用id标示元素：
在同一HTML文档中不能有两个具有相同id值的元素。文档中的每个id值都必须是唯一的。
你可以在样式表里通过#id为特定元素定义CSS属性。
为每一章节指定id
...
假如我们要求第1.2节显示为红色，那么CSS可以这样写：
#c1-2 {
color: red;
}
它们的区别：
Class是用来根据用户定义的标准对一个或多个元素进行定义的。
比方是一剧本：一个Class可定义剧本中每个人物的故事，你可以通过CSS，javascript等来使用这个类。
你可以在一个页面上使用class="Frodo" ，class="Gandalf"，class="Aragorn"来区分不同的故事。
重要一点是你可以在一个文档中使用任意次数的Class。
至于ID，通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时（比如说通常一个页面都是由一个页眉，一个报头<masthead>，
一个内容区域和一个页脚等组成），一般使用ID比较理想，因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中很少会出现大于一次的情况。
一句话就是：Class可以反复使用，ID在一个页面仅使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题，标准上这是错误的使用，很可能导致某些浏览器的题。
应用的时候，Class可能对文字的排版等比较有用，而ID则对宏观布局和设计较有用。