class id使用与区别

DIV+CSS结构中在HTML代码中咱们每每看到div标签、span标签等html标签频繁应用,而div id和div class最多见的单词。

id class

如:

<div id="header"></div> 
<div class="abc"></div>

雷同何等的在div标签中运用id和class挪用对应CSS样式。

DIV的ID属性与CLASS属性有甚么分辨呢?

1、语法辨别
id对应css是用格局选择符“#”(井号);
class对应css是用格式抉择符“.”(英文半角输出句号)

<div id="header"></div> 
<div class="abc"></div>

对应CSS理当是:

#header{...} 
.abc{...} 
/* css解释阐明:这里以省略号包揽CSS花式形式 */

2、运用规则辨别
id属性,只能被一个元素挪用(以“#”决议符命名CSS名堂在一个页面只能使用调用一次)
class类标识表记标帜,兴许用于被多个元素调用(以“.”抉择符定名款式或许一个页面应用频繁)

id:在匹敌个页面,只能够被挪用一次,在CSS里用“#”显示。
class:是类标签,在对抗个页面或者调用无数次(没限度的),在CSS里用“.”显现。
ID就像一集团的身份证,用于识别这个DIV的,Class就像人身上穿的衣服,用于定义这个DIV的格式。一般一个网页不设二个或二个以上同ID的div,但Class大约多个DIV用统一个Class