margin pading 区别

margin是外边距padding是内边距,用CSS时首先要做的就是把所有标签的marginpadding清空。这样更容易控制布局和兼容浏览器。

p li等标签都是默认有margin的


清空方法:*{margin:0; padding:0;}  *是通配符,表示所有标签元素。

CSS把每个元素视为一个“Box(盒子)”,通过排列大大小小的多个“盒子”,完成页面的呈现。

关键是记着盒子模型其实是“一个套一个”的多个矩形,知道“Border”、“Padding”和“Margin”三个术语的含义。

 

 

margin是标签和标签之间的空白

padding是标签边框(Border)和内容(Content)之间的空白

 

通俗地说——

padding(内边距) 就是内容与边框的距离;

margin(外边距) 就是边框与其他元素的距离。 

 

 

margin是调整不同元素间的距离,padding是调整一个元素内的内容和元素边框的距离,可以理解为margin的级别比padding高,不过两个的语法是相同的

 

 

 

"margin padding在网站中是css样式

代码同下 a{margin:5px;padding:5px}

其实是有上下左右4个参数的,上边的写法是简写,实际上等价于

a{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;}

先解答下4个数字代表啥, 代表距离上、右、下、左的距离(顺时针方向)

margin 是标签距离周围标签的距离

padding 是标间内容和边框间的距离

 

 

margin:0 auto 表示什么意思??

 

 

margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right
因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)

 

转载于:https://www.cnblogs.com/Chareree/p/6553131.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值