最完整的盒模型概念及企业应用规则!!!简直是程序员人手必备手册

什么是盒模型?

它是W3C规定一个浏览器如何渲染、显示一个元素

盒模型分为块级元素盒模型和行内元素盒模型

如下图所示:
最完整的盒模型概念及企业应用规则!!!简直是程序员人手必备手册_第1张图片

盒子模型能够为我们解决什么问题
盒子模型主要是针对页面布局的时候来使用,
它规范我们的页面的所有元素的一个布局标准是由外向内进行布局。

盒子模型由外向内:margin(外边距)>border(边框)---->padding(内边距)---->content(元素)

以上是给大家简单介绍了盒模型的一些基本概念性知识,给大家也是收集了网上的资料(如下图)。
把盒模型所有需要学习的知识点和企业级都给大家罗列了出来,可谓是清晰明了。

在北京上海工作的朋友,与其在地铁上唉声叹气悲叹自己的人生,还是从这里开始奋发前进成功来的快!

最完整的盒模型概念及企业应用规则!!!简直是程序员人手必备手册_第2张图片

你可能感兴趣的:(前端,前端)