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

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

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

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

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

當前名稱：CSS屬性之Margin和Padding的用法
標題來源：http://weahome.cn/article/ecseee.html