外邊距重疊就是margin-collapse杯矩。
在CSS當(dāng)中,相鄰的兩個(gè)盒子(可能是兄弟關(guān)系也可能是祖先關(guān)系)的外邊距可以結(jié)合成一個(gè)單獨(dú)的外邊距。這種合并外邊距的方式被稱為折疊汁掠,并且因而所結(jié)合成的外邊距稱為折疊外邊距略吨。
折疊結(jié)果遵循下列計(jì)算規(guī)則:
兩個(gè)相鄰的外邊距都是正數(shù)時(shí),折疊結(jié)果是它們兩者之間較大的值考阱。
兩個(gè)相鄰的外邊距都是負(fù)數(shù)時(shí)翠忠,折疊結(jié)果是兩者絕對值的較大值。
兩個(gè)外邊距一正一負(fù)時(shí)乞榨,折疊結(jié)果是兩者的相加的和秽之。
margin 可以設(shè)置負(fù)數(shù),表現(xiàn)為正數(shù)的相反操作吃既。比如:margin-top正數(shù)為下政溃,負(fù)數(shù)為上。
背景設(shè)置:background
顏色設(shè)置:background-color:red(顏色單詞)|#000(十六進(jìn)制)| rgb(0,0,0) ?(rgb碼 r :red 0~255,g: green 0~255,b:blue 0~255) | hsl( ) | transparent(透明設(shè)置)
背景圖片設(shè)置:background-background-image:url()
背景平鋪設(shè)置:background-repeat:repeat-x | repeat-y | no-repeat; ? ?repeat-x是X軸平鋪态秧,repeat-y是Y軸平鋪董虱,no-repeat是不平鋪
背景定位設(shè)置:background-position:50%;?可設(shè)置像素(支持正負(fù)數(shù))、百分比申鱼、方向其中0%相當(dāng)于left和top愤诱,50%相當(dāng)于center,100%相當(dāng)于right和bottom捐友;
背景尺寸設(shè)置:background-size:height width | contain(自適應(yīng)平鋪淫半,當(dāng)觸及盒子邊緣不再擴(kuò)展) | cover(自適應(yīng)鋪滿);
背景設(shè)置可復(fù)寫 background:color ?image ?position ?repeat匣砖;復(fù)寫順序沒有固定