盒模型的要点

【标签和选择器】

title:网页的标题

div:无语意

solid:实线

dashed:虚线

dotted:点线

double:双线

transparent:背景颜色为透明色

（让边框的上下左右边框变成透明色

border-top-color:transparent;

border-bottom-color:transparent;

border-left-color:transparent;

border-right-color:transparent;）

（圆角 border-radius:50%;）

【内外边距】

权重 id（100）>class(10)>tag(1)

边框会增大盒模型的面积

padding：内边距，上右下左（顺时针）

margin：外边距

1.叠压现象：常态下，两者之间的间距以大值为准

2.塌陷问题产生的原因：

父级的第一个标签使用了块标签，并且使用了margin或者margin-top

解决方案：用

（1）不用margin-top，在父级使用padding-top（会增加盒模型的面积）

（2）给父级一个border（会增加盒模型的面积）

（3）在父级使用overflow:hidden；（最合适）

overflow:scroll;（滚动条）