WXSS (WeiXin Style Sheets)是一套樣式語言，用於描述 WXML 的元件樣式。

其中：注意全域性樣式和區域性樣式

　　定義在 app.wxss 中的樣式為全域性樣式，作用於每一個頁面。

定義在 page 的 wxss 檔案中定義的樣式為區域性樣式，只作用在對應的頁面，並會覆蓋 app.wxss 中相同的選擇器。

WXSS 用來決定 WXML 的元件應該怎麼顯示。為了適應廣大的前端開發者，WXSS 具有 CSS 大部分特性。同時為了更適合開發微信小程式，WXSS 對 CSS 進行了擴充以及修改。

與 CSS 相比，WXSS 擴充套件的特性有：尺寸單位和樣式匯入

一、尺寸單位

只需要將原來的單位ps 換成 rpx 後，小程式就會調整後頁面內元素也會自動進行調整，注意預設規定螢幕寬度為 750px

/* 
1、小程式中，不需要主動來引入樣式檔案
2、使用rpx 後，小程式會自動根據頁面寬度進行調整，公式如下
    調整後元素大小 = 調整前元素大小*調整後螢幕大小/調整前螢幕大小（預設規定為750px）
    如：原來的螢幕寬度為 750px,頁面內元素寬是200rpx
        將螢幕寬度變成 375px，後頁面內元素寬變成了 100px
 
*/
/*標籤選擇器*/
view{
  width: 200rpx;
  height: 200rpx;
  font-size: 40rpx;
  background-color: darkkhaki;
}


<!--pages/yangshiStu/yangshiStu.wxml-->
<view>
rpxstu
</view>

二、樣式匯入

在樣式pages/yangshiStu/yangshiStu.wxss 中引入根目錄下style/common.wxss 的text樣式，將pages/yangshiStu/yangshiStu.wxml 中使用text 標籤框柱的樣式進行渲染

@import "../../style/common.wxss";

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html