CSS基础——3.CSS盒子模型、浮动、定位

盒子模型是网页设计中经常用到的一种思维模型，由四个部分构成，从内到外分别为内容区（content）、内边距（padding）、边框（border）和外边距（margin），CSS 为这四个部分提供了一系列相关属性，通过对这些属性的设置可以丰富盒子的表现效果。

盒子的组成

• 外边距：margin

• 内边距：padding

• 边框：border

• 内容：content

    
    
    


    

盒子模型演示

    

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。

    

这里是盒子内的实际内容。有 25px 内间距，25px 外间距、25px 绿色边框。

1. 外边距mar