什么是 CSS 中的 DIV

CSS 中的 DIV 是一个 HTML 元素，表示一个文档或文档部分的 分隔器或容器。它是 CSS 布局和样式化中的基本构建模块之一。

DIV 的用途

DIV 可用于多种目的，包括：

立即学习“前端免费学习笔记（深入）”；

• 分组内容：将相关内容分组在一起，以便于视觉上组织和样式化。
• 创建布局：通过使用边距、内边距和浮动等 CSS 属性，DIV 可以用来创建复杂的多列布局。
• 添加样式：DIV 可以应用 CSS 样式来改变其外观，例如背景颜色、字体样式和大小。
• 添加交互性：可以使用 CSS 伪类和 JavaScript 来向 DIV 添加交互性，例如悬停效果和点击事件。

DIV 的语法

在 HTML 中，DIV 元素使用以下语法：

其中，p 是 p 元素，可以添加属性和内容。

示例

以下示例展示了一个用于分组文本内容的 DIV：

<p class="section-heading">  <h1>文章标题</h1></p>

这个 DIV 使用 class 属性为它分配了一个 CSS 类，该类可以在 CSS 样式表中用来样式化 DIV。

注意：

• DIV 本身没有语义含义，因为它不指定内容的类型或用途。通常，使用其他 HTML 元素（例如 header、section 和 article）来提供语义含义。
• DIV 是一个块级元素，这意味着它在浏览器中会占据一整行。