行、块、行块标签与盒模型

块级标签(block)，行级标签(inline)，行块标签(inline-block):

块级标签(block)的特点有：1.独占一行   2.可以设置尺寸   3.没有明确宽度和高度是，宽度由父级决定，高度由内容决定   4.支持margin和padding

行级标签(inline)的特点：1.不会独占一行，可以与其他行级元素同行排列   2.不支持尺寸设置   3.对左右margin和左右padding支持较好，上下margin和padding要慎用

行块标签(inline-block)的特点：支持盒模型，但不会独占一行

盒模型：

1.盒模型有外边距margin、边界border、内边距padding、内容尺寸(width/height)四个部分组成

2.盒子模型分为标准盒模型与怪异盒模型

标准盒模型：内容尺寸: width height 

                     盒子尺寸 : 内容尺寸 padding border

                    区域尺寸：内容尺寸 padding border margin

怪异盒模型：box-sizing: border-box / content-box;

注意：盒子与盒子之间用margin 盒子内部用padding 盒子尺寸尽量用auto