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

 

 

目录
相关文章
|
4月前
|
前端开发
玩转CSS盒子之 三角形盒子
玩转CSS盒子之 三角形盒子
30 0
|
7月前
|
前端开发
CSS新增样式----圆角边框、盒子阴影、文字阴影
CSS新增样式----圆角边框、盒子阴影、文字阴影
|
10天前
|
前端开发
CSS盒子模型
【5月更文挑战第4天】CSS盒子模型。
22 7
|
15天前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
15天前
|
前端开发 UED
【Web 前端】css盒子模型有几种类型?它们区别是什么?
【4月更文挑战第22天】【Web 前端】css盒子模型有几种类型?它们区别是什么?
|
23天前
|
前端开发
CSS 盒子模型
CSS 盒子模型。
16 4
N..
|
2月前
|
前端开发
CSS盒子模型
CSS盒子模型
N..
14 0
|
2月前
|
前端开发 容器
CSS之弹性盒子Flexible Box
CSS之弹性盒子Flexible Box
|
7月前
|
前端开发
|
3月前
|
前端开发 JavaScript 容器
CSS学习笔记(一) 盒子模型
CSS学习笔记(一) 盒子模型