盒子模型的介绍
1.盒子的概念
1.页面中的每一个标签,都可看做是一个"盒子",通过盒子的视角更方便的进行布局
2.浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩区域,我们也形象的称之为盒子
2.盒子模型
CSS 中规定每个盒子分别由:内容区域( content )、内边距区域( padding )、边框区( border )、外边距区域( margin )构成,这就是盒子模型
3.记忆:可以联想现实中的包装盒
代码展示
效果展示
1.盒子的概念
1.页面中的每一个标签,都可看做是一个"盒子",通过盒子的视角更方便的进行布局
2.浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩区域,我们也形象的称之为盒子
2.盒子模型
CSS 中规定每个盒子分别由:内容区域( content )、内边距区域( padding )、边框区( border )、外边距区域( margin )构成,这就是盒子模型
3.记忆:可以联想现实中的包装盒
代码展示
效果展示