053288628280
您的当前位置:首页 > 技术支持 > 建站知识 >

盒子模型解析

时间:2017-08-16

 盒子模型是CS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中每个元素的用法,才能真正地控制页面中各元素的位置。

  一个盒子模型由content(内容)、border(边框)、padding(填充)和margin(页边距)这4个部分组成。

盒子模型解析
图片1

  一个盒子的实际宽度(或高度)是由content+padding+border+margin组成的。在CSS中可以通过设定width和height的值来控制content的大小,并且对于任何一个盒子,都可以分别设定4条边各自的的border、padding和margin。因此只要利用好盒子的这些属性,就能够实现各种各样的排版效果。

  在浏览器中,width和height的值都指的是width+padding或者height+padding的值。

相关文章

Copyright © 2009-2017 千龙网络 版权所有  鲁ICP备09004053号 TAG SITEMAP