css里面,id和class的区别是什么?看了很多解释,就是不懂,什么叫id只能用一次,class可以多次引用?
CSS里面ID与Class的区别是格式与用途的不同,具体有:
在CSS文件里书写时,ID加前缀"#";Class用"."
ID一个页面只可以使用一次;Class可以多次引用。
ID是一个标签,用于区分不同的结构和内容。就如函数中的变量,如果一个调用中出现两个一致的变量,就会出现混淆,系统将报错无法识别;Class是一个样式,可以套在任何结构和内容上,如同属性一致则认为是一个类。
从概念上说就是不一样:ID是先找到结构/内容,再给它定义样式;Class是先定义好一种样式,再套给多个结构/内容。
CSS里面定义ID与Class格式与用途的不同具体(例子)有:
定义格式不同:
形如ID="aaa"定义的,在css中是这样设置其样式的:#aaa{ 样式列表 }
以Class="bbb"形式定义的,在CSS中应该这样设置其样式:.bbb{ 样式列表 }
用途不同:
Class元素分2种,关联的和独立的。关联的用于html的相关tag,比如:h1.redone{color:red}
字体为红色的
字体是黑色的
独立的元素可以用于所有的html元素的,比如
.classname {property:value}
ID元素和独立的Class功能相似,区别是ID是唯一的而且对于javascript操作html 元素有帮助。
#idname {property: value}
归纳成一句话就是:Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题。
注:A、在样式表定义一个样式的时候,可以定义id也可以定义class。B、目前主流浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过ID来控制Div时就会出现错误。
html中使用css定义样式的元素、ID和类分别是什么意思?
1、用途不同:name主要用于获取提交表单的某表单域信息,?作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、框架元素(iframe、frame、?window的名字,用于在其他frame或window指定target?)和button等。
而id和class主要是通过css控制设置了id和class的元素的样式。
2、用法不同:定义了id的元素在css中用id选择器“#”来选择,例如?
My First Heading
,css中用#center{ }来控制其样式,定义了class的元素在css中用类选择器“.”来选择,例如:My First Heading
,css中用 .center{ }来控制其样式。扩展资料:
关于ID和Name的一些注意事项
1、当然HTML元素的Name属性在页面中也可以起那么一点ID的作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组。
2、如果页面中有n(n>1)个HTML元素的ID都相同了怎么办?在DHTML对象中怎么引用他们呢?如果我们使用ASPX页面,这样的情况是不容易 发生的,因为aspnet进程在处理aspx页面时根本就不允许有ID非唯一,这是页面会被抛出异常而不能被正常的render。
3、要是不是动态页面,我们 硬要让ID重复那IE怎么搞呢?这个时候我们还是可以继续使用document.getElementById获取对象,只不过我们只能获取ID重复的那 些对象中在HTML Render时第一个出现的对象。
而这时重复的ID会在引用时自动变成一个数组,id重复的元素按Render的顺序依次存在于数组中。
可以这样理解:一、元素:就是html标签,比如table,tr,td,img,input等等,在对这些使用css的时候,元素名前面可以不用加任何符号,如:对网页中所有input元素用一个css样式,那么可以在样式中写 input{样式}二、ID:如果想在网页中某个特定地方使用css,这时候就可以给那个元素一个ID,在样式的时候,ID前面要加“#”,比如:想对ID为test的表格应用一个css样式,可以写作 #test三、类就是大多数情况下都可以调用的,在前面要加个“.”,然后在使用的时候用 “class=类名”
鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com
图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!