块级元素与内联元素的区别

一、块级元素的特点

1、总是在新行上开始，也就是说会占据一行；

2、高度，行高以及外边距和内边距都可控制；

3、宽度默认为是它的容器的100%，但可以设定一个宽度。

4、它可以容纳内联元素和其他块元素

二、inline元素的特点

1、和其他元素都在一行上；

2、高，行高及外边距和内边距不可改变；

3、宽度就是它的文字或图片的宽度，不可改变

三、inline-block元素的特点

1、和其他元素都在一行上；

2、高，行高及外边距和内边距都可改变；

四、内联元素

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制

以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素加上display:block这样的属性，让他也有每次都从新行开始的属性即成

为块元素,同样我们可以把块元素加上display:inline这样的属性，让他也在一行上排列。