首页 > web前端 > html教程 > 1.深入理解盒子模型_html/css_WEB-ITnose

1.深入理解盒子模型_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:33:08
原创
1047 人浏览过

盒子模型

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

2.border: 

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

2.margin:

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

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

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板