哎呦,你說(shuō)這個(gè)margin屬性,小編這稀稀爛爛的腦子頭才沒(méi)懂呢。不過(guò)別著急,小編現(xiàn)在要好好的給你介紹一下呀。
首先,我們要知道m(xù)argin(外邊距)是針對(duì)于元素的邊框的距離,它會(huì)在元素周?chē)鷦?chuàng)建一段空白區(qū)域。這個(gè)屬性總共有四個(gè)值,分別是margin-top(上外邊距)、margin-right(右外邊距)、margin-bottom(下外邊距)和margin-left(左外邊距)。其實(shí)就像我們的相親對(duì)象一樣,要全盤(pán)考慮啊,你不能只看眼前一個(gè)維度,要看到全貌才行。
但是,小編要提醒大家的是,margin的計(jì)算方式有點(diǎn)麻煩,主要分為兩種情況:一種是當(dāng)兩個(gè)相鄰元素中間的margin相遇,margin的值取兩個(gè)相鄰元素間margin的最大值(大哥,別一唱一和的,心不要太大嘛)。另外一種情況是當(dāng)父元素的margin取決于子元素的margin,神奇吧,從小到大,不由分說(shuō)。
更準(zhǔn)確的說(shuō),margin具體有幾個(gè)特點(diǎn):一、margin屬性可以為正值或負(fù)值,根據(jù)具體情況,可以控制元素的位置和間距;二、當(dāng)多個(gè)元素的margin重疊在一塊時(shí),會(huì)變成一個(gè)margin,他們?nèi)∑渲凶畲笾?;三、margin可分方向設(shè)置值;四、元素設(shè)置margin后,不會(huì)影響到其他元素的布局,只影響自己本身。
最后,小編給大家奉上margin的一些小技巧吧。第一:設(shè)置margin時(shí),需要考慮周?chē)氐奈恢煤驼w的布局,它的值要適當(dāng),不要過(guò)大或過(guò)??;第二:margin-value接受百分比、像素或em作為值,其中百分比是相對(duì)于父元素的寬度計(jì)算的。
好了,聽(tīng)我一番奉勸,想必你已經(jīng)了解margin了吧。如果還有什么疑問(wèn)和問(wèn)題,歡迎大家在評(píng)論中留言哦! www.yinyiprinting.cn 寧波海美seo網(wǎng)絡(luò)優(yōu)化公司 是網(wǎng)頁(yè)設(shè)計(jì)制作,網(wǎng)站優(yōu)化,企業(yè)關(guān)鍵詞排名,網(wǎng)絡(luò)營(yíng)銷(xiāo)知識(shí)和開(kāi)發(fā)愛(ài)好者的一站式目的地,提供豐富的信息、資源和工具來(lái)幫助用戶(hù)創(chuàng)建令人驚嘆的實(shí)用網(wǎng)站。 該平臺(tái)致力于提供實(shí)用、相關(guān)和最新的內(nèi)容,這使其成為初學(xué)者和經(jīng)驗(yàn)豐富的專(zhuān)業(yè)人士的寶貴資源。
聲明本文內(nèi)容來(lái)自網(wǎng)絡(luò),若涉及侵權(quán),請(qǐng)聯(lián)系我們刪除! 投稿需知:請(qǐng)以word形式發(fā)送至郵箱18067275213@163.com
老師好久沒(méi)更新了,期待中