块级元素和行内元素

块级元素  div  p  form ul ol li等

独占一行，对应display：block，可设置width，height，margin，padding属性

行内元素    span strong  em等

不独占一行，对应于display：inline  相邻行内元素排列在同一行，直到排不下才换行

设置width，height属性无效，而margin和padding属性只对设置水平方向的right和left有效。

可以通过修改display属性切换块级元素和行内元素

display：inline-block是行内的块级元素，拥有块级元素的特点，可以设置width，height,margin,padding值，但又可以和其他行内元素排在同一行。