RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站

 当前位置:主页 >> 网页制作 >> HTML >> 文章内容
css之margin和padding的不同之处
[收藏此页[打印本页]   
来源:phperz.com  作者:phperz.com  发布时间:2008-03-31

Margin
语法:
margin : auto | length
取值:
auto  :  取计算机值
length  :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。除了内联对象的上下外补丁外,支持使用负数值。 
 
Padding
语法:
padding : length
取值:
length  :  由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。不允许负值。

www.phperz.com

margin和padding属性简单来讲可以理解为元素的外边距和内边距,也就是说 设置margin 他所占据的空白地方会是在边框外面 ,
设置padding 他所占据的空白地方是在边框里面,
还有个不区别就是Margin支持负数值.尔padding不允许用负值.
如示例:
以下为引用的内容:
<div style="border:10px solid #999999;">
<div style="border:1px solid #FF0000;margin-left:20px;">margin-left:20px,可以看出文本和红边框和距离为0,而边框和父元素的距离为20</div>
<div style="border:1px solid #FF0000;padding-left:20px">padding-left:20px,可以看出文本和红边框和距离为20,而边框和父元素的距离为0</div> www.phperz.com
<div style="border:1px solid #FF0000;margin-left:-20px">margin-left:-20px,margin支持负数值</div>
<div style="border:1px solid #FF0000;padding-left:-20px">padding-left:-20px,而padding不支持负数值</div>
</div>

运行效果:
 

phperz~com


 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 基础  mysql  url  adodb
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长