码迷,mamicode.com
首页 > 其他好文 > 详细

1.深入理解盒子模型

时间:2015-11-22 09:56:32      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

盒子模型

1.盒子模型的组成:margin border padding content;

2.border: 

  在属性值的设置中,如果给出2个属性值,前者表示上下边框的属性,后者表示左右边框的属性;如果给出3个属性值,前者表示上边框,中间表示左右边框,后者表示下边框;如果给出4个属性值,按照上,右,下,左的顺序。设置背景的时候,浏览器覆盖的区域是content,padding,border。

2.margin:

  1)需要记录的是水平的margin是相加,垂直方向的margin会造成塌陷,采用较大的margin。

  2)嵌套盒子的margin:子块会以父块的content为参考。

1.深入理解盒子模型

标签:

原文地址:http://www.cnblogs.com/yitianxi/p/4985283.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!