您好,登錄后才能下訂單哦!
本文小編為大家詳細(xì)介紹“CSS的margin屬性怎么使用”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“CSS的margin屬性怎么使用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。
CSS語法之margin屬性
參數(shù):
auto : 值被設(shè)置為相對邊的值
length : 由浮點(diǎn)數(shù)字和單位標(biāo)識符組成的長度值 | 百分?jǐn)?shù)。百分?jǐn)?shù)是基于父對象的高度。對于內(nèi)聯(lián)對象來說,左右外延邊距可以是負(fù)數(shù)值。請參閱長度單位
說明:
檢索或設(shè)置對象四邊的外延邊距。
如果提供全部四個參數(shù)值,將按上-右-下-左的順序作用于四邊。
如果只提供一個,將用于全部的四邊。
如果提供兩個,***個用于上-下,第二個用于左-右。
如果提供三個,***個用于上,第二個用于左-右,第三個用于下。
內(nèi)聯(lián)對象要使用該屬性,必須先設(shè)定對象的height或width屬性,或者設(shè)定position屬性為absolute。
在IE4+,margin屬性不可用于td和tr對象。
外延邊距始終透明。
對應(yīng)的腳本特性為margin。
關(guān)于對象的尺寸與邊框,內(nèi)外補(bǔ)丁等樣式表屬性的關(guān)系,請參看圖例以及height和width屬性。
示例:
body { margin: 36pt 24pt 36pt 24pt; },即上下36,左右24
body { margin: 11.5%; },即上下左右都是11.5%
body { margin: 10% 10% 10% 10%; } ,即上下左右都是10%,表達(dá)方式和上一種相同
margin如何與padding 區(qū)分:
這是很多學(xué)html 人的困擾
其實(shí)說白了padding 就是內(nèi)容與邊框的空隙.而margin 則是模塊與模塊的空隙.
css的全稱是Cascading Style Sheets(層疊樣式表),它是一種用來表現(xiàn)HTML或XML等文件樣式的計算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。
讀到這里,這篇“CSS的margin屬性怎么使用”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。