Rumah > hujung hadapan web > html tutorial > div id class怎么使用?div id class三者区别详解

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

云罗郡主
Lepaskan: 2018-10-11 09:30:26
ke hadapan
3430 orang telah melayarinya


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

timg.jpg

如:

<p id="header"></p> <p class="abc"></p>
Salin selepas log masuk

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

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

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

<p id="header"></p> <p class="abc"></p>
Salin selepas log masuk

对应CSS应该是:

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

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中文网。


Atas ialah kandungan terperinci div id class怎么使用?div id class三者区别详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan