微信小程序--25(WXSS模板样式了解)

一、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){}