項(xiàng)目里邊生成了不同類型的文件:

.json?后綴的?JSON?配置文件

.wxml?后綴的?WXML?模板文件

.wxss?后綴的?WXSS?樣式文件

.js?后綴的?JS?腳本邏輯文件

WXSS 樣式

WXSS (WeiXin Style Sheets)是一套樣式語言，用于描述 WXML 的組件樣式。
WXSS?具有?CSS?大部分的特性

新增了尺寸單位。在寫?CSS?樣式時，開發(fā)者需要考慮到手機(jī)設(shè)備的屏幕會有不同的寬度和設(shè)備像素比，采用一些技巧來換算一些像素單位。WXSS?在底層支持新的尺寸單位?rpx?，開發(fā)者可以免去換算的煩惱，只要交給小程序底層來換算即可，由于換算采用的浮點(diǎn)數(shù)運(yùn)算，所以運(yùn)算結(jié)果會和預(yù)期結(jié)果有一點(diǎn)點(diǎn)偏差。

提供了全局的樣式和局部樣式。和前邊?app.json,?page.json?的概念相同，你可以寫一個?app.wxss?作為全局樣式，會作用于當(dāng)前小程序的所有頁面，局部頁面樣式?page.wxss?僅對當(dāng)前頁面生效。

此外?WXSS?僅支持部分?CSS?選擇器

尺寸單位

• rpx（responsive pixel）: 可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。規(guī)定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

樣式導(dǎo)入

使用@import語句可以導(dǎo)入外聯(lián)樣式表，@import后跟需要導(dǎo)入的外聯(lián)樣式表的相對路徑，用;表示語句結(jié)束。

@import "common.wxss";

---

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/niehanyu/p/10697075.html

總結(jié)

以上是生活随笔為你收集整理的小程序2-基本架构讲解(一)WXSS样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。