小程序 - 样式

---

一、样式 WXSS

与css相比， WXSS扩展的特性有 ：

1. 响应式长度单位 rpx
2. 样式导入

1. rpx 尺寸单位

rpx : 可以根据屏幕宽度进⾏⾃适应

设计稿公式 ：
1. 确定设计稿宽度 pageWidth
2. 计算⽐例 750rpx = pageWidth px 因此 1px=750rpx/pageWidth

/* pages/demo03/demo03.wxss */
view {
  width: 200rpx;
  height: 200rpx;
  font-size: 40rpx;
  background-color: aqua;
}

2. 样式导入

使⽤ @import 语句可以导⼊外联样式表，只⽀持相对路径。

/* common.wxss */
view {
  width: 200rpx;
  height: 200rpx;
  background-color: aqua;
}

/* pages/demo04/demo04.wxss */
@import '../../styles/common.wxss'

3. 选择器

小程序不支持通配符 *