外邊距重疊問題询吴、背景設(shè)置

外邊距重疊就是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ù)寫順序沒有固定

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末科吭,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子猴鲫,更是在濱河造成了極大的恐慌对人,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拂共,死亡現(xiàn)場離奇詭異牺弄,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)宜狐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進(jìn)店門势告,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人抚恒,你說我怎么就攤上這事咱台。” “怎么了俭驮?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵回溺,是天一觀的道長。 經(jīng)常有香客問我,道長馅而,這世上最難降的妖魔是什么祥诽? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮瓮恭,結(jié)果婚禮上雄坪,老公的妹妹穿的比我還像新娘。我一直安慰自己屯蹦,他們只是感情好维哈,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著登澜,像睡著了一般阔挠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上脑蠕,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天购撼,我揣著相機(jī)與錄音,去河邊找鬼谴仙。 笑死迂求,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的晃跺。 我是一名探鬼主播揩局,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼掀虎!你這毒婦竟也來了凌盯?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤烹玉,失蹤者是張志新(化名)和其女友劉穎驰怎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體春霍,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡砸西,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了址儒。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,566評論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡衅疙,死狀恐怖莲趣,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情饱溢,我是刑警寧澤喧伞,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響潘鲫,放射性物質(zhì)發(fā)生泄漏翁逞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一溉仑、第九天 我趴在偏房一處隱蔽的房頂上張望挖函。 院中可真熱鬧,春花似錦浊竟、人聲如沸怨喘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽必怜。三九已至,卻和暖如春后频,著一層夾襖步出監(jiān)牢的瞬間梳庆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工卑惜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留靠益,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓残揉,卻偏偏與公主長得像胧后,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子抱环,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容