本文主要是介绍微搭低代码样式开发-盒模型介绍,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
要想掌握好样式开发,一些样式里的基本概念是必须要了解和掌握的。在布局中比较重要的一个概念就是盒模型,MDN中有详细的介绍盒模型的概念。
什么是盒模型
每一个微搭的组件就像现实中的一个个盒子一样,只不过现实中的盒子是三维的,他有X轴、Y轴和Z轴,而微搭中的组件是二维的,他只有X轴和Y轴。我们看看MDN中是如何介绍盒模型的概念的
技术里边还是需要画图去解释盒模型,但是在低码开发中直接就以图形化的形式表现出来便于我们理解。为了理解概念,我们先需要页面中添加一个容器组件
添加之后我们可以看到这个容器组件是占满页面的,水平它是充满,垂直的话有一定的高度。我们切换到样式页签,可以看到具体的盒子
第一层矩形框表示盒子
这篇关于微搭低代码样式开发-盒模型介绍的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!