css：盒子的相关理解

首先看这张图

所用的view可以看成盒子，盒子叠加可以看成画布，

像这样的简单多个盒子可以看成画布（ee）上放一或多个新画布（yy,rr）,上面的画布可以超过最初定义的画布的大小（ee）,

像这样的一个包着好几个，在定义时可以理解为对ee的定义只会影响ee这个盒子而rr和yy只是在ee上，所以在括号内。

首先是长宽：

padding(填充)

像图一有一片区域是padding即内容和边框之间的距离，填一个代表上下左右都是一样的，填两个时是padding(上下，左右）

也可以

margin(边界）两个边界初始是0是挨着的，和padding一样的格式，当有了数值是两边界就分开了

border（边框）对边框的修饰,CSS 的 border 属性是一个用于设置各种单独的边界属性的简写属性。border 可以用于设置一个或多个以下属性的值：border-width、border-style、border-color。

在对盒子定义时可以这样写border: 1px solid #1c0413;

border-color（边框颜色）

border-radious,设置边框的圆角，默认值 0，如果四个方向的圆角弧度不同，可分别设置：

当然这也可以用在图片上

<view>
  <image style="width: 400rpx; height: 400rpx; margin-top:;border-top-style: solid;border-left-color: #331607;border-top-left-radius: 30rpx;" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/loveIcon.png"></image>
  </view>

想要更详细可以到uniapp官网了解