天天看点

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%; }