块级元素和内联元素区别

block元素通常为独立的一块，会单独换一行；inline元素前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。
block元素可以包含block元素，inline元素只能包含inline元素。
(一) display:block
1. block元素会独占一行，多个block元素会各自新起一行。
2. block元素可以设置width，height属性,块级元素即使设置了宽度，仍然是独占一行。
3. block元素可以设置margin和padding属性
(二) display:inline
1) inline元素不会单独占一行，多个相邻的行内元素会排列在同一行里，直到一行排不下，才会新换一行，其宽随元素的内容变化。
2) inline元素设置width，height属性无效。
3) inline元素的margin和padding属性，水平方向有效，竖直方向无效。
(三) display:inline-block
        将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行里，既具有block的宽度高度特性又具有inline的同行特性。