关于 Block

在 HTML 和 CSS 中，block（块级元素）是网页布局的基础之一。理解块级元素的行为对于掌握页面结构至关重要。

什么是 Block 元素？

块级元素（Block-level elements）会在页面中独占一行，默认从上到下垂直排列。常见的块级元素包括：<div>、<p>、<h1> 到 <h6>、<ul>、<li>、<section> 等。

Block 的主要特性

• 默认宽度为父容器的 100%；
• 可以设置宽高、内外边距（margin/padding）；
• 前后自动换行，不会与其他块级元素在同一行显示（除非使用浮动或 Flex/Grid 布局）；
• 可通过 display: block; 将其他元素强制设为块级。

为什么重要？

块级元素构成了网页的“骨架”。合理使用 block 布局，有助于创建清晰、语义化且易于维护的页面结构。它是响应式设计和现代 CSS 布局（如 Flexbox 和 Grid）的重要基础。