杭州网站建设

首页 >> 新闻 >>建站技巧 >> 网站建设内边距、外边距与边框的概念您清楚吗
详细内容

网站建设内边距、外边距与边框的概念您清楚吗

时间:2017-08-03     作者:从之小韩【原创】

CSS3网页设计中,所有的页面元素都包含在一个矩形框内,我们通常把它称为盒子,在页面设计中有4中常见的属性——content(内容)、padding(内边距)、border(边框)、margin(外边距)。

盒子概念


content(内容)就是盒子里装的东西,padding(内边距)就是怕盒子里面的东西坏了,加的一层泡沫,border(边框)就是盒子本身了,margin(外边距)则是盒子在摆放的时候,不能全部堆放在一起,要留一些空隙。

Content通常指文字、图片等元素,但是也可以是小盒子(DIV嵌套),padding只有宽度属性,可以理解为快递物品外面包裹的泡沫熟料减震材料,而border有大小和颜色之分,可以理解为快递的包装盒,有大小跟颜色。Margin就是该盒子与其它盒子的摆放时要保持多少距离。

所以一个盒子实际的占有高度(或者宽度)是由:“内容+内边距+边框+外边距”组成的。在CSS中通过设置Widthheight的值来控制内容所占矩形的大小。并且对于任何一个盒子,都可以分别设定4条边各自的borderpaddingmaegin,因此只要好好利用这些属性,就能够实现各种各样的排版效果。

盒子


以上是杭州网站建设小韩给您带来的分享,想要了解更多的建站内容可以到网站留言,关注下http://www.tuiguanger.cn/


最新评论
请先登录才能进行回复登录

城市选择

华东:
客服中心
联系方式
0571-88039363
18069841812
- 从之客服
扫一扫,关注从之建站
0
×

购物车

商品名称 数量 产品单价 折扣 总计
金额总计:¥23立即结算