微信小程序-----WXSS样式文件

一、WXSS简介

WXSS-------WeiXin Style Sheets（全称），用于小程序的样式语言。

对比：
WXSS与Web开发中的CSS类似。为了更适合小程序开发，WXSS对CSS做了一些补充以及修改。

WXSS 决定 WXML 组件的显示样式

二、分类

小程序中的样式文件一共分为两个级别/两类：全局样式和局部样式

小程序全局样式-------app.wxss，也叫页面公共样式，会被注入到小程序的每个页面。

小程序局部样式-----页面样式page.wxss，即单个页面样式，在 page 的 wxss 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器。

注意：WXSS 仅支持部分 CSS 选择器

三、尺寸单位rpx

在WXSS中，引入了 rpx（responsive pixel响应像素） 尺寸单位。
目的：适配不同宽度的屏幕，开发起来更简单

原理:
小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。