1.盒模型盒模型

盒模型:在HTML标签中,每一个标签都有一个盒模型

盒模型的组成部分:content(内容),

padding:(内边距)

border(边框)

margin(外边距)

content:由width和height设置,用于控制元素承载内容的区域

paidding:用于设置边框与内容之间的距离

border:用于设置元素的边框

maigin:用于设置两个元素的距离

我发现的计算公式:

若两个元素之间的关系:      < div id = "div1" >

         < div id = "div2" ></ div >

                     </ div >

则 div1 的 width/ height

  =div2的width/height+border*2+padding*2+margin-top+margin-bottom

border:大小 边框样式 颜色