HTML,CSS里面关于 id,class,name 属性的区别和用法

HTML,CSS里面关于 id,class,name 属性的区别和用法,第1张

1、id: id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。

用法:若一个标签的id="myid",那么使用它的时候通过”$("#myid")“来获取当前标签或使用“#myid{}”来定义CSS样式。

2、class:根据用户定义的标准对一个或多个元素进行标记和定义,一个标签可以有多个class,例如class="myclass1 myclass2",当前标签就有两个class,分别为myclass1和myclass2。

用法:若一个标签有一个class="myclass",那么获取这个标签可以使用$(".myclass"),同时使用”.myclass{}“来定义CSS样式。

3、name:从名字可以知道这是用于定义一个标签的名字的属性,name可用于数据获取,常用于表单数据的获取。

用法:若一个输入框的name="myname" ,常用request.getparameter("myname")来获取当前输入框的值。

HTML 中 id与name 区别

一个name可以同时对应多个控件,比如checkbox和radio

而id必须是全文档中唯一的

CSS 中 id、class属性的区别

1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。

如: .css5{属性:属性值} 选择器在html调用为“

我是class例子

.baobao{ color: limebackground: #ff80c0 }

使用方法:class="baobao"

2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称

如一个CSS规则:

#binbin{ font-size: larger }

使用方法:id="binbin"

id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6116491.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存