块状元素：
它一般是其他元素的容器元素，可以容纳块状元素和行内元素，它默认是不会和其他元素同一行的，即相当于两个块状元素写一起是垂直布局的。最常用的是div和p
行内元素：
行内元素又称内联元素，它只能够容纳文本及其他行内元素，常见的行内元素有 超链接，a, span ,img
行内元素与块状元素的差异是：行内元素并不会从新的一行开始，水平方向会一个个接着。
每个块状元素会从新的一行开始。
强调一下： display:block; float:left/right; 当css对行内元素定义这两属性中的一种之后，这些行内元素会具有块状元素属性！例如会从新的一行开始，就像后面跟了一个换行符一样,而且还具有了height和width属性。
如果要让块状元素变成内部元素只要用css加上display:inline就可以了
display:inline-block：
将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。