行内元素、块级元素、可替换元素

常见的行内元素以及块级元素和空元素：

行内元素：a、b、span、img、input、button

块级元素：div、p、h1-h6、ul、ol、li、table、form

空元素：hr、br、img、input、link、meta

 行内元素和块级元素的区别：

1.元素排列位置：

行内元素会在一行上显示，当此行上没有空间时，行内元素才会到新一行展示，每个元素都是水平排列的。

每个块级元素独占一行，每个元素垂直方向排列。

2.元素包含内容：

行内元素的宽度只与内容有关，包含数据和其他行内元素，而块级元素能包含行内元素以及块级元素，宽度默认100%。

3.设置盒子权限：

行内元素不能设置宽高（但可以设置line-height）（但一些行内元素例如：img、input还是能设置宽高，这就涉及到‘可替换元素’），也不能设置上下margin。

块级元素可以设置宽高和各方向margin。

可替换元素：

定义： 一个不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）的元素，被称之为置换元素。

常见替换元素：img、input、select、textarea、button、label等。

注：个人学习总结。 

详情：详解Html替换元素与非替换元素_Syleapn的博客-CSDN博客