1.语法区别
id对应css是用样式选择符“#”;
class对应css是用样式选择符“.”
例如:
<div id="header"></div>
<div class="body"></div>
对应css应该是:
#header{...}
.body{...}
/* css注释说明:这里以省略号替代CSS样式内容 */
2.使用规定区别
id属性:
- 只能被一个元素调用(以“#”选择符命名CSS样式在一个页面只能使用调用一次)。
- 在同一个页面,只可以被调用一次,在CSS里用“#”表示。
class类标记:
- 可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次)
- 是类标签,在同一个页面可以调用无数次(没限制的),在CSS里用“.”表示。
ID就像一个人的身份证,用于识别这个DIV的,Class就像人身上穿的衣服,用于定义这个DIV的样式。一般一个网页不设二个或二个以上同ID的div,但Class可以多个DIV用同一个Class
本文详细介绍了CSS中ID选择器和Class选择器的语法差异以及使用规定。ID选择器以#标识,每个页面只能使用一次,而Class选择器以.标识,可以多次重复使用。ID用于唯一标识元素,类似人的身份证,而Class则用于定义样式,如同衣服,可以被多个元素共享。在实际网页布局中,应避免多个ID相同的情况,充分利用Class进行样式复用。
1701

被折叠的 条评论
为什么被折叠?



