>[success] # 样式 1. 小程序样式三种 **行内样式、页面样式、全局样式** 2. 在 `app.wxss` 中编写的是全局样式，声明的样式可以在任何页面使用什么的`class`，页面样式是在`自己对应页面的wxss` 声明只能在自己的页面中生效，行内样式和css 一样通过`style`，但优先级依次是：**行内样式 > 页面样式 > 全局样式** >[success] # 尺寸单位 -- rpx 1. `rpx（responsive pixel）`: 可以根据屏幕宽度进行自适应，规定屏幕宽为750rpx。 2. 为了适配每一个手机，使用固定的px 像素会导致不同手机因为屏幕大小问题，使用`rpx`会针对不同屏幕进行适配  3. 如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 ` iphone6` 正好是px 像素的` 0.5`倍，**开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准** >[info] ## 案例  * 当前页面的.wxss ~~~css .current-title{ background-color: orange; } ~~~ * app.wxss ~~~css .app-title{ background-color: ; } ~~~ ~~~html <!-- 全局样式 编写在 app.wxss --> <view class="app-title"> 你好 </view> <!-- 编写页面自己的 wxss 文件--> <view class="current-title"> 你好 </view> <!-- 行内样式 --> <view style="background-color: aqua;">你好</view> <!-- 优先级 行内样式 > 页面样式 > 全局样式--> <view class="current-title app-title" style="background-color: aqua;"> 你好 </view> <!-- 关于rpx 32rpx 在iphone6 上显示是 16px--> <text style="font-size: 32rpx;">12345</text> ~~~