CSS盒子模型

简介:

 


语法: padding : length
 
参数 length :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
 
说明:
 
检索或设置对象四边的补丁边距。
①如果提供全部四个参数值,将按 上-右-下-左 的顺序作用于四边。
②如果只提供一个,将用于全部的四条边。
③如果提供两个,第一个用于上-下,第二个用于左-右。
④如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
⑤内联对象要使用该属性,必须先设定对象的
heightwidth属性,或者设定position属性为absolute。
⑥不允许负值。 
 
 
示例:
 
body { padding: 36pt 24pt 36pt; }
body { padding: 11.5%; }
body { padding: 10% 10% 10% 10%; }

 


语法:  margin : auto | length
 
参数: auto :  值被设置为相对边的值
length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。
 
说明:
 
检索或设置对象四边的外延边距。
①如果提供全部四个参数值,将按 上-右-下-左 的顺序作用于四边。
②如果只提供一个,将用于全部的四边。
③如果提供两个,第一个用于上-下,第二个用于左-右。
④如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
⑤内联对象要使用该属性,必须先设定对象的
heightwidth属性,或者设定position属性为absolute。
⑥在IE4+,margin属性不可用于td和tr对象。
⑦外延边距始终透明。  
 

示例:
 
body { margin: 36pt 24pt 36pt; }
body { margin: 11.5%; }
body { margin: 10% 10% 10% 10%; } 

 

 

目录
相关文章
|
3月前
|
前端开发
玩转CSS盒子之 三角形盒子
玩转CSS盒子之 三角形盒子
28 0
|
6月前
|
前端开发
CSS新增样式----圆角边框、盒子阴影、文字阴影
CSS新增样式----圆角边框、盒子阴影、文字阴影
N..
|
1月前
|
前端开发
CSS盒子模型
CSS盒子模型
N..
13 0
|
1月前
|
前端开发 容器
CSS之弹性盒子Flexible Box
CSS之弹性盒子Flexible Box
|
2月前
|
前端开发 JavaScript 容器
CSS学习笔记(一) 盒子模型
CSS学习笔记(一) 盒子模型
|
6月前
|
前端开发
|
6月前
Css-弹性盒子
Css-弹性盒子
52 0
|
3月前
|
Web App开发 前端开发 容器
CSS:盒子模型
CSS:盒子模型
59 1
css3文字阴影和盒子阴影
css3文字阴影和盒子阴影
|
3月前
|
前端开发
CSS【盒子模型】
CSS【盒子模型】
59 0