【Qt】Qt样式表总结（四）：CSS盒子模型

官网：http://doc.qt.io/qt-5/stylesheet-customizing.html#box-model
【Qt】Qt样式表总结（一）：选择器
【Qt】Qt样式表总结（二）：冲突和命名空间
【Qt】Qt样式表总结（三）：QObject 属性

盒子模型

先来张图片，引自Qt官网

使用样式表时, 每个小部件都被视为具有四个同心矩形的框: 边距矩形、边框矩形、填充矩形和内容矩形。
在样式表CSS中，每个控件都可以看成是由四个同心的矩形框组成。
从外到内依次为：margin边缘、border边框、padding填充、content内容；
默认情况下，margin边缘、border边框、padding填充的值为零，即这四个框刚好重合。

margin

margin边缘指边框到其他控件的一片留白，可以设置边缘宽度（margin），也可以单独设置每个边缘的宽度（margin-top、margin-r