LVGL之盒子模型

遵循的是CSS样式设计中的border-box模型

将LVGL看作是一个个盒子去做UI设计
这样得出来的界面设计简单，且界面优美。

关注以下概念：

边界（bounding）： 元素的宽度、高度围起来的，实际的盒子外围。
边框（border) : 边框有大小和颜色等属性（相当于是盒子的厚度）
填充（padding):对象两侧与他的子对象的空间
内容（content)：盒子实际装有的东西
轮廓（outline): 不占据实际空间， 更像是word文档中设置好的规定间距。
有时利用轮廓线来突出对象。

理解以及记忆以上的概念既可以很好的去修改以及设计对象。