一、块级元素（block）
定义 ：默认情况下， 独占一行 的元素就是块级元素。
特点 ：
每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 元素的高度、宽度、行高以及顶和底边距都可设置 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）。常见的块级元素 ：
、
、
... 、 、 、 、 、、 、
二、内联元素（inline）
定义 ：内联元素，也叫行内元素。默认情况下，和其他元素在 同一行 上，并且元素的高度、宽度等 不能设置 的元素就是内联元素。
特点 ：
和其他元素都在一行上； 元素的高度、宽度及顶部和底部边距 不可 设置； 元素的宽度就是它包含的文字或图片的宽度，不可改变。 常见的内联元素 ：、 、
、 、 、 、 、 、 、 、
三、内联块状元素（inline-block）
定义 ：默认情况下，和其他元素在 同一行 上，并且元素的高度、宽度等 可以设置 的元素就是内联元素
特点 ：
和其他元素都在一行上； 元素的高度、宽度、行高以及顶和底边距都可设置。常见的内联块级元素 ： 、
四、总结
不管是哪种元素，他们之间都可以通过css中的display属性进行相互转换。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did115492