html css中id和class的区别比较

1、语法区别：

id对应css是用样式选择符“#”（井号）。

class对应css是用样式选择符“.”(英文半角输入句号)。

2、使用次数区别：

id属性，只能被一个元素调用（以“#”选择符命名CSS样式在一个页面只能使用调用一次）。在同一个页面，只可以被调用一次，在CSS里用“#”表示。

class类标记，可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次)是类标签，在同一个页面可以调用无数次（没限制的），在CSS里用“.”表示。

ID就像一个人的身份z，用于识别这个DIV的，Class就像人身上穿的衣服，用于定义这个DIV的样式。一般一个网页不设二个或二个以上同ID的div，但Class可以多个DIV用同一个Class。

3、语义和使用不同：

id作为元素的标签，用于区分不同结构和内容，而class作为一个样式，它可以应用到任何结构和内容上。在布局思路上，一般坚持这样的原则：id是先确定页面的结构和内容，然后再为它定义样式：而class相反先定义一类样式，然后再页面中根据需要把类样式应用到不同的元素和内容上面。

参考资料来源：百度百科-CSS语法 

1、id: id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。

用法：若一个标签的id="myid",那么使用它的时候通过”$("#myid")“来获取当前标签或使用“#myid{}”来定义CSS样式。

2、class：根据用户定义的标准对一个或多个元素进行标记和定义，一个标签可以有多个class，例如class="myclass1 myclass2",当前标签就有两个class，分别为myclass1和myclass2。

用法：若一个标签有一个class="myclass",那么获取这个标签可以使用$(".myclass"),同时使用”.myclass{}“来定义CSS样式。

3、name：从名字可以知道这是用于定义一个标签的名字的属性，name可用于数据获取，常用于表单数据的获取。

用法：若一个输入框的name="myname" ，常用request.getparameter("myname")来获取当前输入框的值。

id=""这个名字里面必须是英文字母开头，里面可以有数字、下划线、减号、加号，点不允许。id里面这个名字在整个页面是唯一，不可以重复。id命名是”#“开头加上命名词

class=""这个名字可以重复，可以多个，例：<class="laozhang zhangsan">。class命名是点开头加上命名词。

浏览器在加载页面的时候是从上到下、从左到右，越接近这个标签它的优先级别越高，内联样式(行内样式)最大。前提是在选择器相同的情况下

id的权重大于class,当权重不相同时，它以权重大的为准

id样式：0,1,0,0,0，

class样式：0，0，1,0, 属性选择器 伪类选择器

元素选择器：0,0,0,1，

+ >继承 *：0,0,0,0，

---