小程序中wxss样式设置

1.rpx单位换算

1rpx = 0.5px

2.样式导入

common.wxss 

.small-p {
  padding:5px;
}

app.wxss

@import "common.wxss";
.middle-p {
  padding:15px;
}

3.内联样式

• style：静态的样式统一写到 class 中。style 接收动态的样式，在运行时会进行解析，请尽量避免将静态的样式写进 style 中，以免影响渲染速度。

<view style="color:{{color}};" />

• class：用于指定样式规则，其属性值是样式规则中类选择器名(样式类名)的集合，样式类名不需要带上.，样式类名之间用空格分隔。

<view class="normal_view" />