非凡资讯

网页设计培训资讯>上海HTML培训老师介绍HTML代码中div id class标签使用与区别

上海HTML培训老师介绍HTML代码中div id class标签使用与区别
发布日期:2018/11/27 14:46:30    上海HTML培训机构 1529 分享
在HTML代码中我们常常看到div标签、span标签等html标签频繁使用,而div id和div class最常见的标签标记,那么到底该怎么用怎么区别呢?下面上海HTML培训老师来介绍下HTML代码中div与id、class标签使用与区别。

如:
上海HTML培训
像这种在div标签中使用id和class标签调用了对应的CSS样式。

那么DIV的ID属性和CLASS属性到底有什么区别呢?下面上海HTML培训老师来简单分析下。
 
1、语法区别
 
id对应css是用样式选择符“#”(井号);
class对应css是用样式选择符“.”(英文半角输入句号)
上海HTML培训

对应CSS应该是:
上海HTML培训

2、使用规定区别

id属性,只能被一个元素调用(以“#”选择符命名CSS样式在一个页面只能使用调用一次,在CSS里用“#”表示)
class类标记,可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次,在CSS里用“.”表示)
 
ID就像一个人的身份证,用于识别这个DIV的,Class就像人身上穿的衣服,用于定义这个DIV的样式。一般一个网页页面不设两个或两个以上同ID的div,但Class可以多个DIV用同一个Class。

本文来源:网络。整理:上海HTML培训老师。更多资讯【请关注微信号:feifanxueyuan】(版权声明:推送文章和图片我们都会注明作者和来源,除非确实无法确认。部分文章和图片推送时未能与原作者取得联系,若涉及版权,烦请原作者联系小编更正,谢谢。)
相关文章:
上海HTML培训老师介绍HTML代码中div id class标签使用与区别
免费试听热门课程
在线客服
免费软件
免费试听
最新活动
学费查询
开班查询
就业薪资