CSS盒子模型

—.盒子模型分类

1、块级盒子（标签，元素）特点：独占一行，对宽度高度支持div ul li h1~h6 display : block ;

2、内联级盒子特点：不独占一行，对宽度高度不支持 span a display : inline ;

3、内联块级盒子特点：不独占一行，对宽度高度支持 img input display : inline - block ;

4、弹性盒子特点：不论父级元素能不能放下子元素，子元素始终横向布局 display : flex ;

二盒子模型分四大区（内容区content，填充区padding，边框区border，外边距margin）

注：蓝色部分为content

三盒模型有5个属性：

width 元素宽

height 元素高

border 元素边框线

padding 元素内边距

margin 元素外边距

1、内容区：用width和height进行设置（宽高仅对内容区设置）

2、填充区：用padding进行设置

3、边框区：用border进行设置

4、外边距：用margin进行设置（从上开始顺时针进行设置，不够找对称）