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。

时间: 2024-10-07 05:25:22

div标签中 id和 class的区别的相关文章

在表单(input)中id和name的区别

在表单(input)中id和name的区别  但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的.此外浏览器会根据name来设定发送到服务器的request.因此如果用id,服务器是无法得到数据的. 2. frame和window的名字,用于在其他frame或window指定target. 例如:<frameset cols="

让DIV标签中的P标签水平和垂直都居中

http://blog.csdn.net/yaoyyl/article/details/50548589 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>让DIV标签中的P标签水平和垂直都居中</title> <style type="text/css"> div { width:400px; height:

HTML中id name class 的区别和用法

HTML 中 id与name 区别 一个name可以同时对应多个控件,比如checkbox和radio 而id必须是全文档中唯一的 id的用途 1) id是HTML元素的Identity,主要是在客户端脚本里用. 2) label与form控件的关联,如 <label for="MyInput">My Input</label>            <input id="MyInput" type="text"&g

html中id name class的区别(转)

HTML 中 id与name 区别 一个name可以同时对应多个控件,比如checkbox和radio 而id必须是全文档中唯一的 id的用途 1) id是HTML元素的Identity,主要是在客户端脚本里用. 2) label与form控件的关联,如 <label for="MyInput">My Input</label>            <input id="MyInput" type="text"&g

html元素中id和name的区别

可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的. 上周我也遇到了ID和Name的问题,在页面里输入了一个input type="hidden",只写了一个ID='SliceInfo',赋值后submit,在后台用Request.Params["SliceInfo&qu

HTML中Id和Name的区别

在html中:name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号. name是用来提交数据的,提供给表单用,可以重复: id则针对文档操作时候用,不能重复.如:document.getElementById(): 一.ID是在客户端脚本里用!NAME是用于获取提交表单的某表单域信息,在form里面,如果不指定Name的话,就不会发送到服务器端. 二.以下元素input.select.form.frame.iframe用name,而以下元素table.tr. td.div.

关于网站开发中div标签中设置宽度后其中文本溢出的原因和解决方法

一.问题产生的原因 当我们为div标签声明了宽度,但是仍然会出现文本越界的情况,不知道大家有没有发现,只有文本内容为单词或者纯数字 的时候才会出现这种情况为此我特意测试了两种情况,结果如下: ①当文本内容为纯数字或者字母: ②当文本内容为汉字: 所以我们可以得出结论:浏览器在解析我们页面的时候,给这一串数字当成一个词了,这样就不会自动切断字符串而进行换行. 二.解决方法 ①word-wrap:break-word (例如div宽200px,它的内容就会到200px自动换行) ②word-brea

html css中id和class的区别比较

在定义样式的时候,有时候会将id和class的用法弄混淆,所以在这里特意说明一下: id和class属性是网页中两个通用的属性,它们协同工作使整个页面变得丰富多彩.当我们为一个元素定义样式时.可以使用id,也可以使用class. 1.在css样式表中书写时,id选择符前面应该加前缀符号‘#’,而class选择符前面应该加前缀符号‘.’. 2.id属性一般在一个页面中只可以使用一次,而class可以被多次引用. 3.id作为元素的标签,用于区分不同结构和内容,而class作为一个样式,它可以应用到

Spring bean中id和name的区别

最近在开发项目的时候发现spring的BeanFactory创建bean的时候有时候有2种不同的配置,即<bean id="test" class="com.TestImpl">与<bean name="test" class="com.TestImpl">,下面一起分析一下这2种配置的区别: 1.命名规范.id属性命名必须满足xml命名规范,而name属性命名可以不用遵守.不论是id属性还是name属