html标签显示模式分类

标签显示模式分类（块元素、行内元素）

HTML标签一般分为块标签和行内标签两种类型，也称为块元素和行内元素。

块元素（block-level）

常见块元素有：h1~h6，p，div，ul，ol，li等。

特点：
（1）独占一行。
（2）宽度、高度、外边距和内边距都可以控制。
（3）宽度默认为容器的100%。
（4）可以容纳内联元素和其他块元素。

行内元素（inline-level）

常见行内元素有: a，strong，b，em，i，del，s，ins，u，span等。

特点：
（1）和相邻行内元素在同一行上。
（2）宽、高不能控制，但是水平方向的padding和margin可以设置，垂直方向无效。
（3）默认宽度是它本身内容宽度。
（4）行内元素只能容纳文本或者其他行内元素（a特殊）。

行内块元素（inline-block）

在行内元素中有几个特殊的标签——<img />、<input />、<td>，可以对他们设置宽高和对齐。

特点：
（1）和相邻行内元素在一行上，但之间会有空白缝隙。
（2）默认宽度为内容宽度。
（3）宽度、高度、padding和margin都可以控制。