淄博张店网站建设|淄博网络公司|淄博网站推广|google竞价推广-淄博乐达信息技术有限公司   

首页Home > 新闻动态 > 行业新闻热点

淄博乐达公司介绍网站建设内边距、外边距与边框的概念

2017-08-09 08:18:10 淄博乐达信息技术有限公司 阅读

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

  

淄博网站建设|淄博网络公司


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

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

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

  

淄博网站建设|淄博网络公司

        更多网站建设信息请咨询淄博网络公司乐达。