[css]rpx/ padding/ border/ margin

rpx:

微信把每个手机的屏幕设置成750

iphone6: 375px 

换算:750rpx=375px -> 1rpx=0.5px 

---

---

padding(内边距)

padding 就是内边距，就是说控制上下左右的边距，让界面感觉没有那么拥挤。

border(边框):

boarder是设置边框的意思

border-style:solid;
border-color:#0000FF;
border-50rpx;

等价于:
border:solid #0000FF 50rpx;

margin(外边距):

是一个块元素相对于父容器的偏移空白

1.margin：50rpx；

　　上：50rpx右：50rpx下：50rpx左：50rpx
2.margin：5erpx 30rpx；

　　上：50rpx右：30rpx下：50rpx左：30rpx
3.margin：50rpx 30rpx 10rpx；

　　上：50rpx右：30rpx下：10rpx左：30rpx
4.margin：50rpx 40rpx 30rpx 20rpx；

　　上：50rpx右：40rpx下：30rpx左：20rpx