嵌套规则

    1)块状元素可以包含内联元素或者某些块元素，内联元素只能包含内联元素

    <div><h1></h1><p></p></div>

    2)块级元素不能放在<p>里面

      错误：<p><ol><li></li></ol></p>  <p><div></div></p>

    3)h1-h6,p,dt 只能包含内联元素或可变元素，不能包含块级元素

    4)<li><div></div></li>

    5)块级元素与块级元素并列，内联元素与内联元素并列

      正确：<div><h2></h2><p></p></div>

      错误：<div><h2></h2><span></span></div>

  常见的块级元素：<div>、<p>、<hx>、<ol>、<ul>、<dl>、<tabel>、<address>、<blockquote>、<form>

p标签不能嵌套块级元素甚至不能嵌套p元素，只能嵌套内联元素，不然对p嵌套的块级元素设置css不起作用。