块级元素 p li div ul form h
行内元素 span

1. 块级元素 独占一行. 行内元素可互相排成一行.
2. 块级元素 可以设置宽高,独占一行（但是本身自己的位置仅仅是自己设置的宽高）.
3. 行内元素设置宽高无效
4. 块级元素 margin padding 都有用.
5. 行内元素只有 水平方向有用.垂直方向无效（但是backgroud-color有效，所以对于行内元素不建议使用垂直方向的margin 与padding）
6. display:block 是块级 display:inline 是行内
7. 盒子模型 从外到内顺序 margin border padding content， 标准盒子模型width与height只包含content，IE的盒子模型包含（content + padding + border）

如果想在某段文字上下留有间距，一定考虑使用块级元素，或者使用块级元素下再包含行内元素

.hangnei {
    background-color: red;
    width: 10000px; /* 无效 */
    height: 10000px;/* 无效 */
    padding-left: 200px;
    padding-right: 200px;
    padding-top:100px;   /* 位置无效,但是backgroud-color有效，不建议使用 */
    padding-bottom:100px;/* 位置无效,但是backgroud-color有效，不建议使用 */
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 100px; /* 无效 */
    margin-bottom: 100px; /* 无效 */
}