一、WXSS和CSS关系
- 大部分特性相同
1.wxss独有
- rpx尺寸单位
- @import 样式导入
二、rpx
1.原理
- rpx将所有屏幕宽度等分为750份,自动换成像素实现屏幕适配
2.rpx与px之间换算
- 约分计算
- 不同设备比例不同
三、样式导入
1.语法
- @importt"相对路径";
2.练习
四、全局样式(app.wxss)
1.作用
- 将会对每一个页面进行处理
2.练习
五、局部样式(.wxss)
1.作用
- 只对该页面进行处理
2.注意
- 当全局和局部冲突时,优先局部
- 当局部权重大于或等于全局,才会覆盖全局
3.指定权重
- view:nth-child(1){}