首页前端开发JavaScriptdiv id class怎么使用?div id class三者区别详解

div id class怎么使用?div id class三者区别详解

时间2024-01-28 20:23:03发布访客分类JavaScript浏览912
导读:收集整理的这篇文章主要介绍了div id class怎么使用?div id class三者区别详解,觉得挺不错的,现在分享给大家,也给大家做个参考。 本篇文章给大家带来的内容是关于div id class怎么使用?div id...
收集整理的这篇文章主要介绍了div id class怎么使用?div id class三者区别详解,觉得挺不错的,现在分享给大家,也给大家做个参考。


本篇文章给大家带来的内容是关于div id class怎么使用?div id class三者区别详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

如:

p id="header">
    /p>
     p class="abc">
    /p>
    

类似这样的在p标签中使用id和class调用对应CSS样式。

p的ID属性和class属性有什么区别呢?

1、语法区别 id对应css是用样式选择符“#”(井号); class对应css是用样式选择符“.”(英文半角输入句号)

p id="header">
    /p>
     p class="abc">
    /p>
    

对应CSS应该是:

#header{
...}
 .abc{
...}
     /* css注释说明:这里以省略号替代CSS样式内容 */

2、使用规定区别 id属性,只能被一个元素调用(以“#”选择符命名CSS样式在一个页面只能使用调用一次)

class类标记,可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次)

id:在同一个页面,只可以被调用一次,在CSS里用“#”表示。

class:是类标签,在同一个页面可以调用无数次(没限制的),在CSS里用“.”表示。

ID就像一个人的身份证,用于识别这个p的,Class就像人身上穿的衣服,用于定义这个p的样式。一般一个网页不设二个或二个以上同ID的p,但Class可以多个p用同一个Class。

以上就是对div id class怎么使用?div id class三者区别详解的全部介绍,如果您想了解更多有关HTML视频教程,请关注PHP中文网。

以上就是div id class怎么使用?div id class三者区别详解的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: html中div br p三者有什么区别?下一篇:html中长度怎么表示?html中几种...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: div id class怎么使用?div id class三者区别详解
本文地址: https://pptw.com/jishu/590115.html
html中的include标签是什么?html include实现配置解析 html中长度怎么表示?html中几种常见长度表示方法

游客 回复需填写必要信息