在早期的网页设计中，人们习惯于用html标签控制页面的框架和显示样式，那时候对于class还是比较陌生的，偶尔也使用它来定义标签的样式，如网页字体属性，超链接样式等，习惯于标签加属性的设计方式，对于这个class属性设计师开始持排斥态度，慢慢的设计师发现了它的优点，例如，如果事先定义了一个样式之后，可以利用class属性在不同标签内引用，免除了在不同标签内反复定义同一个样式的烦恼，于是class与网页样式就紧密的联系在一起，那时候的样式还仅仅是一种公共属性的代名词，犹如具有某种样式的网页模版，实际上，关于class最早引人重视得益于编程中类的方法应用，在编程语言中，类是一种抽象而艰深的概念，它表示一种原型。
在css中，class代表了一类样式，这类样式可以被任何元素引用，例如，我们要定义两列列表，他们分别显示红色和蓝色，现在，我们希望红色导航链接全部显示为红色，蓝色导航链接全部显示为蓝色，为了实现这个要求，我们将链接分为两类，对链接的分类是通过定义class属性来实现的。然后，我们就可以为红色导航和蓝色导航链接分别应用不同的样式了，在样式表里利用.classname来为属于某一类的元素定义css属性，利用class对网页元素的样式进行分类，可方便网页设计师的操作，为快速开发打下了基础。
class作为网页中专门负责定义样式的属性，除了一个样式可以应用到多个元素上外，一个元素还可以被定义多个类，各个类之间用空格隔开。当然，是不是在为网页或网站定义样式时候，把每个css属性都定义成一个类呢？这样做就没有必要了，如果类的样式只被应用一次，而强制把类的样式拆分为很多个小类就有点画蛇添足，另外，很多属性本身被定义为一个类就显得多余，甚至是自讨苦吃。
id和class属性与div和span元素一样是两个通用的属性，他们协同工作使整个页面变得丰富多彩，当我们为一个元素定义样式时候，可以使用id，也可以定义class，但也应该注意二者的区别。天津网站建设，天津网站优化，汽车玻璃，商业策划招商，钢板桩租赁，天津废锡回收，天津网站制作
在css样式表中书写时，id选择符前面应该加前缀#，而class前面加"."
id属性一般在一个页面中只可以使用一次，而class可以多次使用医用灭菌袋 灭菌袋封口机 硅橡胶印模材 齿科针
id作为元素的标签，用于区别不同的结构和内容，而class作为一个样式，它可以应用到任何结构和内容上。
在布局思路上，一般坚持这样的原则，id是先确定页面的结果和内容，然后再为它定义样式，而class正好相反，它先定义好一类样式，然后在页面中根据需要把类样式应用到不同的元素和内容上面。
目前浏览器都能允许在同一个页面内出现多个相同属性值的id，一般情况下也能正常显示，不过当使用javascript通过id来控制元素时候就会出现错误。
在实际应用时候，class更多的被应用到文字排版以及页面修饰等方面，而id更多的被用来实现宏观布局和设计包含块或包含框等样式