外边距重叠问题、背景设置

外边距重叠就是margin-collapse。

在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。

折叠结果遵循下列计算规则：

两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。

两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。

两个外边距一正一负时，折叠结果是两者的相加的和。

margin 可以设置负数，表现为正数的相反操作。比如：margin-top正数为下，负数为上。

背景设置：background

颜色设置：background-color:red(颜色单词)|#000（十六进制）| rgb(0,0,0)  (rgb码 r :red 0~255,g: green 0~255,b:blue 0~255) | hsl( ) | transparent（透明设置）

背景图片设置：background-background-image:url()

背景平铺设置：background-repeat:repeat-x | repeat-y | no-repeat;    repeat-x是X轴平铺，repeat-y是Y轴平铺，no-repeat是不平铺

背景定位设置：background-position:50%;�可设置像素（支持正负数）、百分比、方向其中0%相当于left和top，50%相当于center，100%相当于right和bottom；

背景尺寸设置：background-size:height width | contain（自适应平铺，当触及盒子边缘不再扩展） | cover(自适应铺满)；

背景设置可复写 background：color  image  position  repeat；复写顺序没有固定