【前端每日基础】day5——块元素、行内元素以及行内块元素

在 HTML 中，元素可以分为块级元素（block-level elements）、行内元素inline elements）和行内块级元素（inline-block elements）。

块级元素（Block-level elements）：
块级元素会在页面中生成一个块，通常会占据一整行（从左到右），从上至下垂直排列。常见的块级元素包括 < div> 、 < p> 、 < h1> 到 < h6>、< ul>、< ol>、< li> 等。可以设置宽度、高度、内外边距以及在页面中占据的位置等属性。

行内元素（Inline elements）：
行内元素不会导致换行，它们在行内显示，尽可能地占据内容的宽度，但不会强制换行。不能设置宽度和高度，但可以设置内外边距。常见的行内元素包括 < span>、< a>、< strong>、< em>、< img>、< input> 等。

行内块级元素（Inline-block elements）：
行内块级元素的外观类似于行内元素，但可以具有块级元素的属性，比如可以设置宽度和高度，也可以设置内外边距，与其他元素保持块级元素的间隙。常见的行内块级元素包括 < img>、< button>、< input> 等。