一、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){}
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » 微信小程序--25(WXSS模板样式了解)
发表评论 取消回复