微信小程序wxcss的简单解析

/**index.wxss**/
.userinfo {
  display: flex; //显示
  flex-direction: column;
  position: fixed;//定位
  top: 0;
}

.userinfo-avatar {
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx; //外边距
  border-radius: 50%; //边框 100%为方的
  margin-top: 30rpx;
}

.userinfo-nickname {
  color: #aaa;
}

/**app.wxss**/
page{
  font-family:Arial, Helvetica, sans-serif; //字体
  background:#00FFFF; //背景
  height: 100%;
}
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0; //内边距
  box-sizing: border-box;
} 

上面是从官方文档里面抓出来的，结合百度的结果如下：

1.display（显示）

2.position（定位）

3.float（浮动）

4.background（背景）

5.border（边框）

6.outline（轮廓）

7.text（文本）

8.font（字体）

9.margin（外边距）

10.padding（内边距）

本文主要是转载，原文地址https://www.cnblogs.com/yang-shuai/p/6899430.html

如果有问题欢迎添加微信公众号 程序猿从入门到放弃 进行咨询：