一、什么是 WXSS

WXSS(Weixin Style Sheets)是一套样式语言，用于美化 WXML 的组件样式，类似于网页开发中的 CSS.

二、 WXSS和CSS的关系

image.png

三、rpx

3.1. 什么是rpx 尺寸单位

rpx (responsive pixel) 是微信小程序独有的，用来解决屏适配的尺寸单位

3.2. rpx的实现原理

image.png

3.3. rpx与px之间的单位换算

image.png

四、样式导入

4.1. 什么是样式导入

image.png

4.2. @import 的语法格式

image.png

五、全局样式和局部样式

5.1. 全局样式

定义在 app.wxss 中的样式为全局样式，作用于每一个页面

5.2. 局部样式

在页面的 .wxss 文件中定义的样式为局部样式，只作用于当前页面

image.png