Web前端开发实战教程（HTML5+CSS3+JavaScript）（AI协同）（第2版）课件 模块四 盒模型与弹性布局.pptx

盒模型与弹性布局

课件目录01盒模型基础知识02盒模型浮动03盒模型内容04盒模型嵌套05盒模型定位06弹性布局

盒模型基础知识盒模型简介盒模型（也可称为盒子模型）是CSS中的一个重要概念，理解了盒模型，才能更好地排版布局。盒模型具有外边距（margin）、边框（border）、内间距（padding）、内容（content）4个属性。每个属性都包括上、下、左、右4个部分，这4个部分可同时设置，也可分别设置。其中，内间距可以理解为盒子中装的东西到边框的距离，而边框有厚薄和颜色之分，内容就是盒子中装的东西，外边距就是边框外面自动留出的一段空白距离。

盒模型基础知识盒模型属性利用margin、pa