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

2021-08-07 07:22:26 字數 970 閱讀 7523

margin是設定物件外邊距外延邊距離

margin的值有三種情況,

可以為正整數和負整數並加單位如px畫素(margin-left:20px);

可以為auto自動屬性(margin-left:auto 自動);

可以為百分比(%)值(margin-left:3%)。

單獨設定四邊間距屬性單詞

margin-left 物件左邊外延邊距 (margin-left:5px; 左邊外延距離5px)

margin-right 物件右邊外延邊距 (margin-right:5px; 右邊外延距離5px)

margin-top 物件上邊外延邊距 (margin-top:5px; 上邊外延距離5px)

margin-bottom 物件下邊外延邊距 (margin-bottom:5px; 下邊外延距離5px)

合併書寫

四邊不同值(上,右,下,左):margin:5px 8px 6px 7px;

1、只有上下情況縮寫:

margin:5px 0 6px 0或margin:5px auto 6px auto

2、只有左右情況縮寫:

margin:0 6px 0 5px或margin:auto 6px auto 5px

3、只有三邊情況縮寫:

margin:5px 0 6px 4px或margin:5px auto 6px 4px

4、四邊相同值縮寫:

margin:5px;

5、四邊其中上下值和左右值各相同縮寫:

margin:5px 7px;

6、只寫前三個時代表上,右,下:

margin:5px 6px 7px;

利用margin實現布局居中,基礎單詞:

marign:0 auto

web前端 CSS Margin 外邊距 013

css margin 外邊距 屬性定義元素周圍的空間。margin清除周圍的元素 外邊框 的區域。margin沒有背景顏色,是完全透明的 margin可以單獨改變元素的上,下,左,右邊距。也可以一次改變所有的屬性。可能的值 值說明 auto 設定瀏覽器邊距。這樣做的結果會依賴於瀏覽器 length ...

前端學習 36 js學習 十三 this

解析器在呼叫函式每次都會向函式內部傳遞進乙個隱含的引數,這個隱含的引數就是this,this指向的是乙個物件,這個物件我們稱為函式執行的 上下文物件。根據函式的呼叫方式的不同,this會指向不同的物件 重要 箭頭函式中this的指向 es6中的箭頭函式並不會使用上面四條標準的繫結規則,而是會繼承外層...

學習前端的第十三天

一 高度自適應 1.高度不去設定,或者高度設定auto 內容撐開父元素的高度。2.內容撐開父元素的高度 最小高度的設定 min height 3.浮動元素新增高度自適應 新增浮動元素的父元素沒有高度,會出現高度塌陷 二 高度塌陷 1.形成原因 當子元素有浮動,父元素沒有高度的時候,父元素會出現高度塌...