CSS盒模型网站的制作元素

什么是CSS盒模型:
 

  • CSS盒模型描述了围绕在网页中的内容元素组成的盒 。在网页中的每个元素是在一个盒子里,或者是一个盒子,即使它是一个圆形的图像。网页上的箱盒模型定义的规则的 制约。

CSS盒模型是由四个部分组成:

  • 保证金 margin
  • 边境 border
  • 填充 padding
  • 内容 content

  1. 保证金 margin 是箱子的最外层的边缘。它是透明的,和页面上的元素和其他人之间的空间,体现。保证金可以折叠成一个,所以,一个与它下面的元素的顶部边距的元素重叠的 底部边缘。
  2. 边界 border 是未来的事情,周围的框 。边框可有色或透明的 。如果边框设置为0,它有效地消失,并且边框的边缘是相同的填充边缘。
  3. 填充 padding 的内容和边界之间的空间 。填充框的背景颜色相同的颜色 。如果填充设置为0,填充边界是相同的内容边界。
  4. 内容 content 是大多数人认为元素。这是文字或图像,或任何显示箱内。