二、边框盒与内容盒有什么区别？分别对应属性是什么？

  边框盒：border-box:border、padding、content组成

 浏览器调试时，页面中显示的元素尺寸是指边框盒的尺寸

元素的背景，默认覆盖边框盒，可通过background-clip属性修改

 background-clip属性：含义：背景覆盖范围  

不可继承默认值：border-box

取值：border-box：背景覆盖边框盒

padding-box：背景覆盖填充盒

content-box：背景覆盖内容盒

 

 

内容盒（content-box）：由content组成

默认情况下，width和height属性，是指内容盒的宽度和高度

width和height的设置范围，可通过box-sizing属性修改

 box-sizing属性：含义：盒子宽高的设置范围

不可继承默认值：content-box

取值：content-box：表示内容盒的宽高

border-box：表示边框盒的宽高