站内搜索:
首页 >> 前端 >> 内容
牧佑oneZeroZeroDayDream--padding和margin讲解

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

牧佑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讲解

 

  • 上一篇:浏览器缓存机制
  • 下一篇:Html的form表单提交到jsp中出现中文乱码
  • 返回顶部