div标签如何使用的-html tutorial-php.cn

div标签如何使用的

清浅

Lepaskan： 2021-04-20 11:01:22

asal

21538 orang telah melayarinya

div标签的使用方法：1、div标签可以通过设置class或id来获取样式；2、div标签也可以直接通过内联式的方法获取样式。

div标签如何使用的

本文操作环境：Windows7系统、Dell G3电脑、HTML5&&CSS3版。

div标签的使用：div标签可以通过设置class或id来获取样式，也可直接通过内联式的方法获取样式

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。接下开在文章中将为大家介绍div如何使用，具有一定参考价值，希望对大家有所帮助

div含义：

div标签称为区隔标记，可定义文档中的分区或节，目的是把文档分割为独立的、不同的部分。它可设定文本、图像、表格等元素的位置

div是用来为HTML文档内的块级内容提供结构和背景的元素。div的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性将由div标签的属性来控制，或者是通过使用样式表来进行控制。

div的用法：

是一个块级元素，这意味着它的内容将自动的占一行。通过div的class或者id可以获取额外的样式实，但不需要为每一个div都加上选择器。

可以对同一个

元素应用 class 或 id 属性，但是一般情况下只应用其中一种。这两者的主要区别是，class 用于类元素（可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

【推荐课程：HTML课程】

例：不给div添加选择器的用法

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
 <div style="color:pink">
  <h1>div的用法</h1></div>
</body>
</html>

Salin selepas log masuk

效果图：

div标签如何使用的

例：为div添加一个class选择器

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.demo{
width:450px;
height: 300px;
background: pink;
text-align: center;
line-height: 300px;
font-size: 20px;
}
</style>
</head>
<body>
 <div>div的用法</div>
</body>
</html>

Salin selepas log masuk

效果图：

div标签如何使用的

总结：以上就是本篇文章的全部内容了，希望对大家学习div有所帮助

Atas ialah kandungan terperinci div标签如何使用的. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

div

sumber：php.cn

Artikel sebelumnya：表单控件select标签是如何使用的 Artikel seterusnya：div和span的区别是什么

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