CSS元素类型

    HTML元素可以分为两种:

       *块级元素(block level element)

      *内联元素(inline element 也叫行元素)

   两者的区别在于以下三点：

    1）块级元素会独占一行（即无法与其他元素显示在同一行内，除非你显式修改元素的display属性），而内联元素则会在一行内显示。

  2）块级元素可以设置width height属性，而内联元素设置无效。

   3）块级元素的width属性默认为100%,而内联元素则是根据自身的内容或子元素来决定其宽度，要想内联元素如<span>设置宽高，可以通过设置display:block来达到效果。当dis[lay的值设置为b;ock时，元素将以块级形式显现；当display的值为inline时，元素以内联形式呈现。

  4）若想让元素在行内显示，又能设置宽高，可以设置display:inline-block。inline-block就是让元素对外呈内联元素，可以和其他元素共处一行内；对内则让元素呈块级元素，可以改变其宽高。

 5）HTML代码是顺序执行的，行内元素就从上到下排列，遇到内联元素从左到右排列。这种无样式的情况下，元素的分布叫做普通流。