block元素的特点：

    　　　　总是另起一行，在新行的开始。

    　　　　高度、行高以及顶和底边距都可以控制。

    　　　　宽度缺省是它的容器的100%，除非设定一个宽度。

    　　　　例如：<div>, <p>, <h1>, <form>,<ul>, <li> 等等。

    　inline元素的特点：

    　　　　和其他元素都在一行上。

    　　　　高度、行高以及顶和底边距都不可以改变。

    　　　　宽度就是它的文字或图片的宽度，不可改变。

    　　　　例如：<span>, <a>, <label>, <input>, <img>, <strong>, <em>等等。

     

     块元素与内联元素的嵌套规则：块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只是包含其他的内联元素。
         可以把所有的块元素再次划分成几个级别的，因可视的元素只会出现在<body>里，所以我们把<body>划在第一个级里面，接着，把不可以自由嵌套的元素划在第三个级，其他的就归进第二个级。所谓的不可自由嵌套的元素就是里面只能放内联元素的，它们包括有：标题标记的<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<caption>；段落标记的<p>；分隔线<hr>和一个特别的元素<dt>，它只存在于列表元素<dl>的子一级。

    为什么说第二级的元素可以自由嵌套呢？我们可以把它们看成是一些容器（或者说是盒子）， 这些容器的大小可以自由变化，例如我们可以把<ul>嵌在<div>里面，也可以把<div>嵌在<li>里面。