11、WXSS

WXSS是一套样式语言，用于美化WXML解构的样式
WXSS具有CSS大部分的特性，WXSS对CSS的写法还进行了扩充和修改。

扩充的特性有：
1、rex尺寸单位
2、@import样式导入

rpx

rpx是小程序独有的，用来解决屏幕适配的尺寸单位，CSS一般使用rem等。
实现原理：鉴于不同的设备屏幕的大小不同，为了实现屏幕的自动适配，rpx把所有设备的屏幕在宽度上等分为 750 份（即当前屏幕的总宽度为750rpx）
小程序在不同的设备上运行的时候，会自动吧rpx的样式单位换算成对应的像素单位来渲染，从而实现屏幕适配。

rpx和px直接的单位换算：
在iPhone6上，屏幕宽度为375px，共有 750 个物理像素，等分为750rpx.
750rpx = 375 = 750物理像素
1rpx = 0.5px = 1物理像素

官方建议：开发小程序的时候，设计师可以用iPhone6作为试图稿的标准。
例如：iPhone6上要绘制宽100px高20px的盒子，换成rpx就是200rpx * 40rpx

样式导入：
@import后需要导入的文件路径。

@import "/common/index.wxss";
input {
  border: 1px solid red;
}

全局样式和局部样式文件：
app.wxss是全局样式文件。
{page}.wxss是页面的样式文件。
当局部文件和全局文件样式选择器同名的时候，页面的样式会覆盖全局的样式。