CSS的padding屬性和margin屬性怎么設置

本篇內容主要講解“CSS的padding屬性和margin屬性怎么設置”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“CSS的padding屬性和margin屬性怎么設置”吧!

CSS中padding屬性margin屬性說明

padding屬性

padding：

檢索或設置對象四邊的補丁邊距。
語法：padding:padding-top|padding-right|padding-bottom|padding-left
說明：檢索或設置對象四邊的內補丁。對于td和th對象而言默認值為1。其他對象的默認值為0。
參數：length:長度值；%:百分比，由父元素寬度決定
初始值：對于td和th對象而言默認值為1。其他對象的默認值為0。
繼承性：不可繼承

◆注釋：不允許使用負值。

如果提供全部四個參數值，將按上－右－下－左的順序作用于四邊。
如果只提供一個，將用于全部的四條邊。
如果提供兩個，***個用于上－下，第二個用于左－右。
如果提供三個，***個用于上，第二個用于左－右，第三個用于下。

margin屬性

margin:auto|length

◆參數：

　auto:值被設置為相對邊的值
length:由浮點數字和單位標識符組成的長度值|百分數。百分數是基于父對象的高度。對于內聯對象來說，左右外延邊距可以是負數值。請參閱長度單位

◆說明：

檢索或設置對象四邊的外延邊距。
如果提供全部四個參數值，將按上－右－下－左的順序作用于四邊。
如果只提供一個，將用于全部的四邊。
如果提供兩個，***個用于上－下，第二個用于左－右。
如果提供三個，***個用于上，第二個用于左－右，第三個用于下。
內聯對象要使用該屬性，必須先設定對象的height或width屬性，或者設定position屬性為absolute。
在IE4+，margin屬性不可用于td和tr對象。
外延邊距始終透明。
對應的腳本特性為margin。
關于對象的尺寸與邊框，內外補丁等樣式表屬性的關系，請參看圖例以及height和width屬性。

◆示例：

body{margin:36pt24pt36pt;}，即上下36，左右24
body{margin:11.5%;}，即上下左右都是11.5%
body{margin:10%10%10%10%;}，即上下左右都是10%，表達方式和上一種相同。

css的三種引入方式

1.行內樣式，最直接最簡單的一種，直接對HTML標簽使用style=""。

2.內嵌樣式，就是將CSS代碼寫在之間，并且用進行聲明。

3.外部樣式，其中鏈接樣式是使用頻率最高，最實用的樣式，只需要在之間加上就可以了。其次就是導入樣式，導入樣式和鏈接樣式比較相似，采用@import樣式導入CSS樣式表，不建議使用。

到此，相信大家對“CSS的padding屬性和margin屬性怎么設置”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！