1、id的样式只针对一个标签，class的样式可以复用。
十年的海曙网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整海曙建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“海曙网站设计”,“海曙网站推广”以来，每个客户项目都认真落实执行。
2、概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。--- 一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。
3、CSS中优先级不同。在CSS选择器中，对id和class的样式应用优先级不同。id的样式优先级要高于class的样式优先级。跳转功能。使用id属性可以增加锚标记跳转功能，而class没有这个功能。以上就是id和class的区别。
4、.case2{样式内容} case2{样式内容} 在结构想相同情况下ID优先级要高于 CLASS ID是唯一的。
5、DIV CSS中id与class使用原则id的使用原则：先来说说id，id具有唯一性，其使用原则也是依据这一特性建立的。id是不能重复的，所以在XHTML的结构中，大结构一定是用id。比如标志、导航、主体内容、版权。
标签选择器：选择器的名字代表html页面上的标签 标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。
标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。
伪类选择器：通过元素的状态或位置来选取元素，例如 ：hover 表示鼠标悬停在元素上时的样式。伪元素选择器：可以选取元素中某些部分的样式，例如 ：after 表示在元素内容后添加一个伪元素。
标签选择器（如：body，div，p，ul，li）。.类选择器（如：class=head，class=head_logo） 。ID选择器（如：id=name，id=name_txt）。全局选择器（如：*号）。
class选择器：通过 . 类名获取元素 权重：0010 （通过class类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。
d1{ width：100px；height：100px；background：pink；} /HTML id选择器在一个页面中只能有一个，能通过ID选择器为不同的元素进行样式的更改。
后面添加你想定义的名字，例如页面分成三部分：头，中，脚。
W3C标准 中对于ID与CLASS的设定是：ID具有唯一性，CLASS具有普遍性。而目前大部分浏览器确实可以定义页面中多个元素的ID相同，并赋以相同的样式，因为目前的浏览器和CSS都对其 睁一只眼闭一只眼 。
css中用.来表示类。举例如下：.oneclass/*定义类选择器*/{width：800px；}然后在别处使用class来引用它：你好和id非常相似，任何的标签都可以携带id属性和class属性。
那就用 class 定义个类，假设叫：.red{color：red；}，然后在要用红色字的标签上添加这个类即可。id 唯一性只是语法上的规范，实际上你一个页面中出现两次以上同一个 id ，浏览器还是能够正确解析。
k 表示引用了样式为#k后的样式，而 #k div#k1表示#k 下面所有引用了#k1 的div后的样式。
