HTML嵌套规范

标签嵌套规则：

块级元素：

会独占一行,默认情况下,是它本身父容器的100%（和父元素的宽度一致）

块级元素可以设置width,height属性.

块级元素即使设置了宽度,仍然是独占一行.

块级元素可以设置margin和padding属性.

行内元素：

不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行

行内元素设置width,height属性无效，它的长度高度主要根据内容决定.

行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin- right都产生边距效果,但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不 会产生边距效果.

1. 块级元素可以包含行内元素或某些块级元素，但行级元素却不能包含块级元素，它只能包含其他的行元素。

   <div><h1></h1><p></p></div> -对
   <a href="#"><span></span></a> -对
   <span><div></div></span> - 错

2. 块级元素不能放在p标签里面。

   <p><ol><li></li></ol></p> -错
   <p><div></div></p> -错

3. 有几个特殊的块级元素只能包含行内元素，这几个特殊的标签是：

   h1、h2、h3、h4、h5、h6、p、dt

4. 块级元素与块级元素并列，行级元素与行级元素并列。

   <div><h2></h2><p></p></div> -对
   <div><a href="#"></a><span></span></div> -对
   <div><h2></h2><span></span> -错