元素的分类

有些元素在浏览器中显示时总是『另起一行』的。这样的元素被称为 块 元素（block）。例如：<h1>、<p>、<ul>、<table> 等。

块（block）元素的特点：

• 独占一行。

• 默认，与父元素同宽，高度取决于内容。

• 与此同时，还可以人为指定宽高。

有些元素在显示时总是与它的临近元素『出现在同一行内』。这些元素被称为 内联 元素（inline）。例如：<a>、<strong> 等。

内联（inline）元素的特点：

• 不要求独占一行

• 默认，宽高取决于其内容

• 无法人为指定宽高

还有一种元素兼具了块级元素和内联元素的特征，被称为 内联块 元素（inline-block）。例如：<img> 。

内敛块（Inlie-Block）元素的特点：

• 不要求独占一行

• 可以人为指定宽高

名称	是否独占一行	能否设置宽高
Block 元素	是	是
Inline 元素	否	否
Inline-Block 元素	否	是

<div> 是一个无语义的块级元素，<span> 是一个无语义的内联元素。