微信小程序开发常用CSS样式实例（更新中）

/**index.wxss**/
.Style01{
  color: red;
  word-spacing: 20px;/*设置段落间的字间距*/
  text-align: left;/* 设置文本对齐方式左对齐*/
  text-indent: 50px; /* 将段落的第一行缩进50像素 */
  text-decoration: underline;/*元素的文本样式：下划线*/
  text-decoration-color: #00f;/*规定文本修饰的颜色，在这里就是下划线的颜色*/
  line-height: 30px;
  white-space: normal;/*文本自动处理换行*/
}
.Style02{
  text-align: justify;/*设置文本对齐方式两端对齐*/
  letter-spacing: 10px;/*设置字母间距*/
  text-transform: uppercase;/*控制文本大小写：大写*/
  white-space: pre-wrap;/*规定段落中的文本不进行换行*/
}

/*boxModelStyle*/
.boxModel01{
  width:80%;
  height: 100px;
  border:3px dashed red;/*dashed:虚线*/
  background-color: yellow;
  margin: 20px;
  padding: 20px;
}
.boxModel02{
  width:80%;
  height: 100px;
  border:3px solid rgb(0,255,0); /* 颜色rgb表示 */
  margin-bottom: 20px;/*外下边距*/
  padding-top: 20px;/*内上边距*/
}
.boxModel03{
  width:80%;
  height: 120px;
  border:3px dotted rgba(0, 0,255, 0.3);/*0.3代表透明度*/
  margin: 0 20px;/*外上下边距，左右边距为20*/
  padding-left: 20px;/*内左边距*/
}