css文件margin的概念是什么

這篇文章主要講解了“css文件margin的概念是什么”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css文件margin的概念是什么”吧！

成都創(chuàng)新互聯(lián)，為您提供重慶網(wǎng)站建設(shè)公司、網(wǎng)站制作、網(wǎng)站營(yíng)銷推廣、網(wǎng)站開發(fā)設(shè)計(jì)，對(duì)服務(wù)成都?jí)w彩繪等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈，認(rèn)真對(duì)待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

css文件margin是一個(gè)用于定義元素周圍空間的css屬性；margin表示外邊距，可以單獨(dú)改變?cè)氐纳?，下，左，右邊距，也可以一次改變所有的屬性；margin屬性接受任何長(zhǎng)度單位、百分?jǐn)?shù)值甚至負(fù)值。

css文件margin什么意思?

CSS margin(外邊距)屬性定義元素周圍的空間。

margin

margin 清除周圍的（外邊框）元素區(qū)域。margin 沒有背景顏色，是完全透明的。

margin 可以單獨(dú)改變?cè)氐纳?，下，左，右邊距，也可以一次改變所有的屬性?/p>

margin 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有當(dāng)前或者指定元素外邊距屬性。該屬性可以有 1 到 4 個(gè)值。

margin 屬性接受任何長(zhǎng)度單位、百分?jǐn)?shù)值甚至負(fù)值。

margin 屬性可以單獨(dú)改變?cè)氐纳?，下，左，右邊距。也可以一次改變所有的屬性?/p>

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

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

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

感謝各位的閱讀，以上就是“css文件margin的概念是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)css文件margin的概念是什么這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

當(dāng)前名稱：css文件margin的概念是什么
轉(zhuǎn)載來于：http://bm7419.com/article18/pssjgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站收錄、微信公眾號(hào)、網(wǎng)站導(dǎo)航、響應(yīng)式網(wǎng)站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)