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

 htm元素一般分块级元素和行内元素。

       块级元素：块级元素单独一行，可以设置宽度高度，可以设置margin,padding。可以成为其他元素的容器，可以容纳块级元素可行内元素。常见的块级元素有div, p ,h1~h6,ul,table,form,hr等。

       行内元素：行内元素设置width无效，height无效(line-height除外)，margin上下无效，padding上下无效，但可以与其他行内元素位于同一行，行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的内容决定，宽度由内容的长度控制。常见的行内元素有a, em ,strong,span,i,img,lable,button,select等。

    设置display:block,可以使行内元素以块级元素呈现，设置display:inline，可以使块级元素以行内元素呈现，如果想要一个元素既行内显示又能设置宽度高度，设置display的值为inline-block。