码迷,mamicode.com
首页 > 其他好文 > 详细

div标签中 id和 class的区别

时间:2015-11-30 02:28:24      阅读:220      评论:0      收藏:0      [点我收藏+]

标签: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。


本文出自 “乌拉小虫” 博客,请务必保留此出处http://wjgdu.blog.51cto.com/10878328/1717960

div标签中 id和 class的区别

标签:div   id   class   

原文地址:http://wjgdu.blog.51cto.com/10878328/1717960

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!