微信小程序，margin问题，rpx问题

请教一下，这个margin函数是怎么用的？可以设置几个参数？每个参数什么意思？

下面这个代码段里面的margin起到什么效果？

.navbar{
  margin:20rpX 0;
  background: blue;
padding:20rpx;
overflow:hidden;
white-space: nowrap;
  }

margin有四个参数 分别是上-右-下-左
比如margin: 10px 20px 30px 40;对应的是margin-top:10px;margin-right:20px;margin-bottom:30px; margin-left:40px;
如果是两个的情况是，第一个表示上下，第二个表示左右
比如你这个
margin:20rpx 0;就是上下20rpx;左右0

微信小程序用的语法和css差不多一样的，参数表达的意义也基本一样的

4个margin:上 +右 +下+ 左;
3个margin:上 +左右 +下;
2个 margin:上下+ 左右;
1个的 margin:上下左右 ;