一、样式 WXSS
与css相比, WXSS扩展的特性有 :
- 响应式长度单位 rpx
- 样式导入
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. 选择器
小程序不支持通配符 *