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")来获取当前输入框的值。

padding属性的书写格式总共有以下几种:padding:10px 意思是上下左右值全是10pxpadding:5px 10px 意思是上下为5px,左右为10px padding:1px 2px 3px 4px 这个写法意思是:上为1px,右为2px,下为3px,左为4pxpadding:5px 10px 7px 这种写法意思是:上为5px,左右为10px,下为7px (注意:padding后面4个值定义的顺序分别为:上 右 下 左)而padding-top或者padding-bottom这种写法,只是单方面的定义了一个方向的值,这样写会增加CSS代码的长度,增加CSS样式的代码量,拖慢页面的加载速度。


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

原文地址: http://outofmemory.cn/bake/11528659.html

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

发表评论

登录后才能评论

评论列表(0条)

保存