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 : 　由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说，左右外延边距可以是负数值。
 
说明：
 
检索或设置对象四边的外延边距。
①如果提供全部四个参数值，将按 上－右－下－左 的顺序作用于四边。
②如果只提供一个，将用于全部的四边。
③如果提供两个，第一个用于上－下，第二个用于左－右。
④如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
⑤内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
⑥在IE4+，margin属性不可用于td和tr对象。
⑦外延边距始终透明。  
 
示例：
 
body { margin: 36pt 24pt 36pt; }
body { margin: 11.5%; }
body { margin: 10% 10% 10% 10%; }