html css中id和class的区别比较

html-css014

html css中id和class的区别比较,第1张

1、语法区别:

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

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

2、使用次数区别:

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

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

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

3、语义和使用不同:

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

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

属性:通过属性的复杂叠加才能做出漂亮的网页。

选择器:通过选择器找到对应的标签设置样式

标签选择器:就是用标签名来当选择器

1>所有的标签都能做选择器,例如:div、p、 ul、 li、 a、 span、body等等

2>不管这个标签藏的多深,都能够被选择上。

3>选择的整个界面所有的标签,而不是某个,是共性而不是特性

比如说火狐浏览器中的 li 里面所有的 a 标签去掉下划线

# 表示选择 id 选择器

1>任何标签都可以有 id ,命名方式要以字母开头,区分大小写

2>同一页面内 id 不可重复,即使是不一样的标签,也不允许相同的 id

. 表示类选择器 与 id 选择器类似,但是类选择器可以重复,比如说很多标签都有 aa 这个类

css里面用 . 来表示类

同一标签,可能同时属于多个类,用空格隔开.说明 div 同时属于 bb 和 cc 类

<div class = @"bb cc">我是bbcc</div>

错误方式:

<div class = @"bb" class="cc">我是bbcc</div>

思路:提供公共类,再根据相应的类名,去设置相应的样式。

在根据每个标签,去选取自己想要的类。

你说的应该是选择器,主要选择器就是类(class)、ID选择器、标签(列如:<p>)选择器;选择器的作用,顾名思义,就是选择指定对象,然后通过选择器,给对象添加样式、属性等等行为。

而复合选择器:

复合选择器就是两个或多个基本选择器,通过不同的方式连接成的选择器。

复合选择器的三种类型:交集选择器、并集选择器、后代选择器。

意思和数学里集合关系差不多,两个圆(集合)相交的部分、两个圆所有的部分、大圆里的小圆(后代选择器)!这应该懂了吧!

求推荐