div 標簽是一個塊級元素，用于創建塊狀結構，沒有語義，可表示任何類型的頁面元素。它支持多個屬性，如 class、id、style，用于組織和定位內容，定義頁面區域，分組元素，添加間距和填充，創建響應式布局。例如，可以使用 div 標簽創建頁眉、設置背景色或添加陰影。
CSS 中 DIV 標簽的用法
什么是 DIV 標簽？
DIV 標簽是一個塊級元素，用于在網頁中創建塊狀結構。它本身沒有語義，可以用于表示任何類型的頁面元素。
如何使用 DIV 標簽
使用 DIV 標簽非常簡單，只需在 HTML 代碼中編寫以下代碼：
<code class="html"><div></div></code>
登錄后復制
DIV 標簽的屬性
DIV 標簽支持多種屬性，其中最常用的一些包括：
class: 用于為 DIV 添加 CSS 類名。
id: 用于為 DIV 指定一個唯一的標識符。
style: 用于直接為 DIV 設置 CSS 樣式。
align: 用于水平或垂直對齊 DIV 中的內容。
width: 用于設置 DIV 的寬度。
height: 用于設置 DIV 的高度。
DIV 標簽的應用
DIV 標簽在網頁布局中有著廣泛的應用，包括：
創建容器: DIV 可以用作頁面中其他元素的容器，有助于組織和定位內容。
定義區域: DIV 可以定義頁面上的特定區域，例如頁眉、頁腳或側邊欄。
分組元素: DIV 可以將相關的元素分組在一起，使其在視覺上更具凝聚力。
添加間距和填充: DIV 可以通過設置填充和邊距來控制元素之間的間距。
響應式設計: DIV 可以與媒體查詢配合使用，以創建響應式布局，在不同設備上正確顯示。
示例
以下是一個使用 DIV 標簽創建頁眉的示例：
<code class="html"><div id="header">
<h1>我的網站</h1>
<nav><a href="#">主頁</a>
<a href="#">關于我們</a>
<a href="#">聯系我們</a>
</nav>
</div></code>
登錄后復制
通過在 CSS 中應用樣式，可以對頁眉進行進一步定制，例如設置背景色或添加陰影。
