web前端 CSS Margin 外邊距 013

2021-07-23 13:09:31 字數 1230 閱讀 2761

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

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

margin可以單獨改變元素的上,下,左,右邊距。也可以一次改變所有的屬性。

可能的值:值說明

auto

設定瀏覽器邊距。

這樣做的結果會依賴於瀏覽器

length

定義乙個固定的margin(使用畫素,pt,em等)

%定義乙個使用百分比的邊距

margin可以使用負值,重疊的內容。

在css中,它可以指定不同的側面不同的邊距:

這是乙個沒有指定邊距大小的段落。p>

class="margin">這是乙個指定邊距大小的段落。p>

body>

html>

為了縮短**,有可能使用乙個屬性中margin指定的所有邊距屬性。這就是所謂的縮寫屬性。

所有邊距屬性的縮寫屬性是」margin」:

這是乙個沒有指定邊距大小的段落。p>

class="margin">這是乙個指定邊距大小的段落。p>

body>

html>

執行結果:

margin屬性可以有一到四個值

margin:25px 50px 75px;

margin:25px 50px;

margin:25px;

屬性描述

margin簡寫屬性。在乙個宣告中設定所有外邊距屬性。

margin-bottom設定元素的下外邊距。

margin-left設定元素的左外邊距。

margin-right設定元素的右外邊距。

margin-top設定元素的上外邊距。

前端學習(十三)CSS margin的使用

margin是設定物件外邊距外延邊距離。margin的值有三種情況,可以為正整數和負整數並加單位如px畫素 margin left 20px 可以為auto自動屬性 margin left auto 自動 可以為百分比 值 margin left 3 單獨設定四邊間距屬性單詞 margin left...

開發web前端 web前端 開發筆記

我是孟噠噠一名web前端開發工程師,今天給大家分享一下web前端是的一些筆記應用,希望對你們有幫助。物件導向是乙個開發思想,它把注意點都放到了物件上。物件導向強調的幾個概念 1 類 類是一批具備相同屬性和行為的事物的抽象,為什麼是抽象?因為不是具體的,也就是說不是實實在在存在的東西 看不見摸不著 2...

web前端優化

盡量避免使用eval函式 多了一步解析的步驟 function testnoeval var endtime new date console.log 耗時1 endtime starttime ms function testeval var endtime new date console.lo...