小程序wxss样式基础

一、wxss和css的区别

二、rpx解释

rpx（responsive pixel）是微信小程序独有的，用来解决屏幕适配的尺寸单位。有了这个，不用考虑屏幕的大小了

原理：
rpx把所有设备屏幕等分为750px,即当前屏幕的总宽度为750rpx
小程序在底层运行时，会自动把rpx的样式单位转换为对应的像素单位来渲染，从而实现屏幕的适配。

三、rpx和px的单位换算

iphone6上，1px等于2rpx

四、样式导入

wxss提供@import语法
语法

@import "commo.wxss";

引入commo.wxss文件

五、全局样式

在app.wxss里的文件就是全局样式。
会应用与每一个页面。

六、局部样式

每个页面的wxss里的样式就是局部样式，之只会作用于当前页面。
当局部样式权重大于或等于全局样式时，会覆盖全局冲突的样式。
但是当全局样式权重大于局部样式时，全局样式不会被局部冲突样式覆盖。