天天看點

CSS盒子模型

CSS盒子模型

文法: padding : length

參數: length :  由浮點數字和機關辨別符組成的長度值 | 或者百分數。百分數是基于父對象的寬度。請參閱長度機關

說明:

檢索或設定對象四邊的更新檔邊距。

①如果提供全部四個參數值,将按 上-右-下-左 的順序作用于四邊。

②如果隻提供一個,将用于全部的四條邊。

③如果提供兩個,第一個用于上-下,第二個用于左-右。

④如果提供三個,第一個用于上,第二個用于左-右,第三個用于下。

⑤内聯對象要使用該屬性,必須先設定對象的height或width屬性,或者設定position屬性為absolute。

⑥不允許負值。  

示例:

body { padding: 36pt 24pt 36pt; }

body { padding: 11.5%; }

body { padding: 10% 10% 10% 10%; }

文法:  margin : auto | length

參數: auto :  值被設定為相對邊的值

length :  由浮點數字和機關辨別符組成的長度值 | 百分數。百分數是基于父對象的高度。對于内聯對象來說,左右外延邊距可以是負數值。

檢索或設定對象四邊的外延邊距。

②如果隻提供一個,将用于全部的四邊。

⑥在ie4+,margin屬性不可用于td和tr對象。

⑦外延邊距始終透明。  

body { margin: 36pt 24pt 36pt; }

body { margin: 11.5%; }

body { margin: 10% 10% 10% 10%; }