css中marginbottom屬性怎么用

這篇文章給大家分享的是有關(guān)css中marginbottom屬性怎么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

　　margin-bottom是CSS的屬性，所有主流瀏覽器都支持margin-bottom屬性。margin，是CSS語法，這個(gè)簡(jiǎn)寫屬性用于在一個(gè)聲明中設(shè)置所有當(dāng)前或者指定元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度。

　　marginbottom簡(jiǎn)介

　　margin-bottom

　　語法編輯

　　margin-bottom：[||auto]{1,4}

　　默認(rèn)值：0

　　相關(guān)屬性：[margin]||[margin-top]||[margin-right]||[margin-left]

　　取值編輯

　　auto：

　　值被設(shè)置為相對(duì)邊的值

　　<length>：

　　用長(zhǎng)度值來定義外補(bǔ)白?？梢詾樨?fù)值

　　<percentage>：

　　用百分比來定義外補(bǔ)白。可以為負(fù)值

　　說明編輯

　　檢索或設(shè)置對(duì)象底邊的外延邊距。

　　內(nèi)聯(lián)對(duì)象要使用該屬性必須先使該對(duì)象表現(xiàn)為塊級(jí)或內(nèi)聯(lián)塊級(jí)。

　　外延邊距始終透明。

　　對(duì)應(yīng)的腳本特性為marginBottom。

　　marginbottom簡(jiǎn)潔寫法

　　margin跟padding一樣，也有簡(jiǎn)潔寫法。我們可以使用margin屬性來設(shè)置四個(gè)方向的外邊距。在實(shí)際編程中，我們往往使用的是margin的這種高效簡(jiǎn)潔寫法來編程。

　　margin寫法有4種，分別如下：

　　margin:像素值1;

　　margin:像素值1像素值2;

　　margin:像素值1像素值2像素值3;

　　margin:像素值1像素值2像素值3像素值4;

　　以上四個(gè)位置按順序分別為：margin-top--margin-right--margin-bottom--margin-left，即“上-右-下-左”。以下簡(jiǎn)寫為top--right--bottom--left。其中需要注意的是后三種情況，當(dāng)有像素值缺省時(shí)，瀏覽器會(huì)自動(dòng)對(duì)缺省像素按照“bottom=top”和“l(fā)eft=right”的方法進(jìn)行賦值。

　　例如：

　　“margin:20px;”表示四個(gè)方向的外邊距都是20px；

　　“margin:20px40px;”表示top為20px，right為40px；由于bottom和left缺省，所以自動(dòng)將它們分別設(shè)為20px和40px。轉(zhuǎn)化為第4種寫法為：“margin:20px40px20px40px;”。

　　“margin:20px40px60px;”表示top為20px，right為40px，bottom為60px；由于left缺省，所以自動(dòng)將它設(shè)為40px。轉(zhuǎn)化為第4種寫法為：“margin:20px40px60px40px;”。

　　需要注意的是一種情況不能寫為缺省寫法：“margin:20px40px20px60px;”。該例中，由于top和bottom相同，但right和left不同，所以不能將bottom缺省，否則會(huì)等同于“margin:20px40px60px40px;”。

感謝各位的閱讀！關(guān)于“css中marginbottom屬性怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！