项目二任务一 制作“科创匠心”页面.pptx

科技在线制作“科创匠心”页面

CONTENTS目录盒子模型第一部分DIV标记第二部分盒子模型的组成部分第三部分

CONTENTS目录CSS3设置盒子box-sizing属性第四部分

盒子模型第一部分

盒子模型盒子模型是CSS中的一个基本概念，它代表了HTML元素的布局方式。所有的HTML元素都可以看做是一个盒子，通过盒子模型，可以精确地控制元素的大小、位置、边距、填充和边框。

盒子模型边框内边距外边距

盒子模型网页中的每个元素都可以看做是一个矩形的盒子，每个盒子都由内容（content）、内边距（padding）、外边距（margin）和边框（border）组成，如图所示。这四个部分的共同