HTML/CSS基础-盒模型

一、边框属性（高度默认为0）

1、边框就是环绕在标签宽度和⾼度周围的线条
2、边框宽度：border-width: 值;
     边框样式：border-style: 值;
     边框颜⾊：border-color: 值;

二、外边距属性

1、标签和标签之间的距离就是外边距
2、a、非连写：上边距：margin-top: ;
                        右边距：margin-right: ;
                        下边距：margin-bottom: ;
                        左边距：margin-left: ;
      b、连写：margin: 上 右 下 左;
3、外边距合并现象：在默认(标准流)布局的垂直⽅向上, 默认情况下外边距是不会叠加的, 会出现合并现象, 谁的外边距⽐较⼤就听谁的。⽔平⽅向上的外边距会叠加。

三、内边距属性

1、边框和内容之间的距离就是内边距
2、a、非连写：上边距：padding-top: ;
                        右边距：padding-right: ;
                        下边距：padding-bottom: ;
                        左边距：padding-left: ;
      b、连写：padding: 上 右 下 左;

四、CSS盒模型

1、CSS盒⼦模型仅仅是⼀个形象的⽐喻，每⼀个可⻅的HTML元素都是⼀个盒⼦，⼀个盒⼦由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）以及content（内容）。
2、盒子背景样式： 背景颜色：background-color: #fff;
                              背景图片：background-image: url();
                              背景平铺属性: background-repeat:
                              背景定位属性：background-position：