经常使用css的人都知道，class和id出现在我们的代码中的频率是极其高的，可见他们的重要性。今天作为新手的我就和大家探讨下class和id的具体区别以及使用时候的注意事项。
1.定义
class属性是一个以空格分隔的class属性列表。可允许CSS和javascript对class属性进行选择，通过class选择器或者类似dom方法的方程来选取文档中某一类特定的元素。
id用于定义有定义唯一的标识符，它是一个全局属性，在整个HTML文档中它的值是惟一的。它的用途是当进行链接时表示元素的（使用片段时的标识符），比如脚本，或者样式（CSS）。这个属性值是一个不能读懂的字符串：这意味着网页作者不能用他来传递任何信息，比如语义，不能从该字符串中得到。
2.id和class属性的区别
1）class是设置标签的类，用于指定元素属于何种样式的类。在css样式中“.”来命名，在html页面里则以class=“css5”来选择调用，命名好的css又叫css选择器。示例如下：
实现的效果如下：
2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候以“#”来开头命名id名称。id是一个标签，用于区分不同的结构和标签，就像我们的名字，如果两个人同名，就会出现混淆，而id就像我们的“身份证号”，不会出现重复。示例如下：
实现的效果如下：
3）概念上说就不一样
id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再给多个结构/内容。
a.一个class是用来根据用户定义的标准对一个或多个元素进行定义的。你可以在一个文档中使用任意次数的class;
b.id通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时（比如说一个包含页眉，内容，页脚的页面），一般使用id比较理想，因为id在一个文档中只能被使用一次。这些元素在同一页面中很少会出现大于一次的情况。总结为：class可以反复使用，id在同一页面仅能被使用一次。实际使用中，class可能对文字的排版等比较有用，id对宏观布局和设计放置各种元素比较有用。
先说这么多吧，如果哪里有问题，欢迎大家批评指正。
参考文献：
