为了账号安全,请及时绑定邮箱和手机立即绑定

id和class使用上的区别?

能具体说一下id和class使用上的区别?以前听老师说id通常是后台程序员使用,前端使用class写css样式,是这样吗?

正在回答

8 回答

id属性被赋予了标识页面元素的唯一身份,所以id是唯一的,id也可以写成name,区别在于name是html的标准,id是xhtml中的标准,现在的网页中都使用的是id,class,顾名思义,就是“类”我们可以为同一个页面的相同元素或者不同元素设置相同的class。所以class可以有多个,而id则是唯一的。

0 回复 有任何疑惑可以回复我~
#1

燕珊 提问者

非常感谢!
2016-05-16 回复 有任何疑惑可以回复我~

ID多用于大的布局,命名不能重复;class可重复,div+css可以只用class,为了不和JS里面的命名混淆

0 回复 有任何疑惑可以回复我~

id  和 class 在普通环境下基本是一样的,但是在一个段落中id只能存在一个,class能存在多个。

0 回复 有任何疑惑可以回复我~

那也不一定,这两个属性想用哪个用那个,关键看哪个用着方便,他们俩唯一的区别就是class用.xxx来调用,

id用#xxx来调用

0 回复 有任何疑惑可以回复我~

1、在CSS文件里书写时,ID加前缀"#";CLASS用"."
2、id一个页面只可以使用一次;class可以多次引用。
3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;class是一个样式,可以套在任何结构和内容上,就象一件衣服;
4、从概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

3 回复 有任何疑惑可以回复我~

id只能被使用一次,而class可以被使用多次

0 回复 有任何疑惑可以回复我~

id只能被使用一次,而class可以被使用多次

0 回复 有任何疑惑可以回复我~

1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。
如: .css5{属性:属性值;} 选择器在html调用为“<div class="css5">我是class例子</div>
  .baobao { color: lime; background: #ff80c0 }
  使用方法:class="baobao" 

2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称
如一个CSS规则:
   #binbin { font-size: larger }
   使用方法:id="binbin" 
id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

3)css里的id用法与class用法一样,只是把class换成id。如例子:
    在CSS样式定义ID 

           #css5 {height:25px; width: 200px;}

     调用ID :

            <div id="css5">我是ID例子</div>
class是一个样式,可以套在任何结构和内容上,就象一件衣服。


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227253    人
  • 解答问题       18247    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

id和class使用上的区别?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号