您现在的位置:首页 >> 前端 >> 内容

牧佑oneZeroZeroDayDream--padding和margin讲解

时间:2017/8/5 14:51:45 点击:

  核心提示:牧佑oneZeroZeroDayDream--padding和margin讲解。padding 复合写法:top right bottom left1:当只有一个属性值的时候:4个方向都是一个值2:设...

牧佑oneZeroZeroDayDream--padding和margin讲解。

  padding 复合写法:top right bottom left
  1:当只有一个属性值的时候:4个方向都是一个值
  2:设置两个属性值时
    2.1:第一个属性值设置的是上下两个方向
	2.2:第二个属性值设置的是左右方向
  3:设置三个属性值时
    3.1:第一个属性值设置的是上边一个方向
	3.2:第二个属性值设置的是左右两个方向
	3.3:第三个属性值设置的是下边一个方向

padding 可以理解为 人肉体与衣服之间的 填充。 牧佑oneZeroZeroDayDream--padding和margin讲解

而 margin可以理解为 一个人的气场。在人与人的距离

padding 可以铺照片

margin的 兼容性要比padding 要多。

 

  margin 的问题:
  1 会出现重叠/叠加:同一个方向头设置了margin值时
    a.如果两个数值都一样,那么在前面为准
	b.如果两个数值不一样,谁大谁为准
  2 margin传递 如果子集设置了一个margin会传递给父级	(垂直方向会出现。左右不会出现)
		当然如果 margin-top之前 子级有一个哥哥的话,marigin-top。并不会传递给父级。
	 传递的解决方法:简单的实现,给父级加一个边框;

牧佑oneZeroZeroDayDream--padding和margin讲解

 

Tags:牧佑 佑O ON NE 
作者:网络 来源:MuYou_的博客