在CSS中，DIV表示一个块级元素，用于创建可通过CSS样式化的容器，包含任何类型的HTML内容，并可用于组织、分组，并通过CSS灵活布局，并可添加语义信息。与SPAN不同，DIV是块级元素用于创建容器，而SPAN是内联元素用于样式化文本。

DIV在CSS中的含义

在层叠样式表（CSS）中，DIV是HTML元素的CSS选择器，表示一个块级元素。

DIV的使用

DIV元素通常用于创建可通过CSS样式化的容器。它可以包含任何类型的HTML内容，例如文本、图像、视频等。

DIV的特性

• 块级元素： DIV元素在页面中占据水平空间，并从新行开始。
• 容器： DIV元素可以包含其他HTML元素，使其成为组织和分组内容的容器。
• 样式化： DIV元素可以通过CSS属性进行广泛的样式化，例如背景、颜色、字体、布局等。
• 灵活布局： DIV元素可以与其他CSS布局技术结合使用，例如Flexbox或Grid，实现复杂的页面布局。
• ARIA语义： DIV元素可以附加ARIA角色或属性，以提供辅助技术对内容的语义理解。

DIV与SPAN的区别

CSS工具箱(专业版)

全功能 CSS 工程手册，覆盖性能优化、无障碍、设计系统与跨浏览器兼容。

下载

DIV和SPAN都是HTML元素，但它们具有不同的用途：

• DIV是块级元素，用于创建容器。
• SPAN是内联元素，用于样式化文本或片段。

示例

以下示例展示了如何在HTML和CSS中使用DIV：

<div>
  <h1>页面标题</h1>
  <p>段落内容...</p>
</div>

div {
  background-color: #f0f8ff;
  padding: 20px;
  margin: 0 auto;
  width: 80%;
}

div h1 {
  color: #333;
  font-size: 24px;
  margin-bottom: 10px;
}

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！