1、Margin(外補白)的定義及其用法

Margin(外補白)是用來檢索或設置對象四邊的外延邊距(可以簡單的理解為div四邊到屏幕上下左右的距離或者div與div之間的距離)的，其對應的用法語句有margin、margin-top、margin-right、margin-bottom、margin-left等五個，它們的取值都有l(wèi)ength(長度)和precentage(百分比)兩種。當使用margin時，如果只提供一個值，那么將用于全部的四邊；如果提供兩個，第一個用于上、下，第二個用于左、右；如果提供三個，第一個用于上，第二個用于左、右，第三個用于下；當然提供四個，就是分別作用上，右，下，左四個邊。內(nèi)聯(lián)對象可以使用該屬性設置左、右兩邊的外補丁；若要設置上、下兩邊的外補丁，必須先使該對象表現(xiàn)為塊級或內(nèi)聯(lián)塊級。

Margin(外補白)具體用法示例如下：

.test1{width:500px;height:100px;margin:100px}

.test2{width:500px;height:100px;margin-top:100px}

.test3{width:500px;height:100px;margin-right:100px}

.test4{width:500px;height:100px;margin-bottom:100px}

.test5{width:500px;height:100px;margin-left:100px}

<div class="test1">請注意我距屏幕四邊的距離</div>

<div class="test2">請注意我距屏幕上邊的距離</div>

<div class="test3">請注意我距屏幕右邊的距離</div>

<div class="test4">請注意我距屏幕下邊的距離</div>

<div class="test5">請注意我距屏幕左邊的距離</div>

2、Padding(內(nèi)補白)的定義及其用法

Padding(內(nèi)補白)是用來檢索或設置對象四邊的內(nèi)部邊距。(可以簡單的理解為div內(nèi)部元素到div四邊的距離)。 其對應的用法語句有padding、padding-top、padding-right、padding-bottom、padding-left等五個，它們的取值都有l(wèi)ength(長度)和precentage(百分比)兩種。如果提供全部四個參數(shù)值，將按上、右、下、左的順序作用于四邊。如果只提供一個，將用于全部的四邊。如果提供兩個，第一個用于上、下，第二個用于左、右。如果提供三個，第一個用于上，第二個用于左、右，第三個用于下。內(nèi)聯(lián)對象可以使用該屬性設置左、右兩邊的內(nèi)補丁；若要設置上、下兩邊的內(nèi)補丁，必須先使該對象表現(xiàn)為塊級或內(nèi)聯(lián)塊級。

Margin(外補白)具體用法示例如下：

.test6{width:500px;height:100px;padding:10px}

.test7{width:500px;height:100px;padding-top:100px}

.test8{width:500px;height:100px;padding-right:100px}

.test9{width:500px;height:100px;padding-bottom:100px}

.test10{width:500px;height:100px;padding-left:100px}

<div class="test6">請注意我距對象四邊的距離</div>

<div class="test7">請注意我距對象上邊的距離</div>

<div class="test8">請注意我距對象右邊的距離</div>

<div class="test9">請注意我距對象下邊的距離</div>

<div class="test10">請注意我距對象左邊的距離</div>

專注于為中小企業(yè)提供網(wǎng)站設計、成都做網(wǎng)站服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)凌河免費做網(wǎng)站提供優(yōu)質的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千多家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉變。

分享題目：CSS屬性之Margin和Padding的用法
網(wǎng)站地址：http://chinadenli.net/article44/ecseee.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、全網(wǎng)營銷推廣、App設計、云服務器、小程序開發(fā)、網(wǎng)頁設計公司

廣告

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