在小程序開發(fā)中，我們經(jīng)常需要調(diào)用其它的CSS文件來定制頁面的樣式，下面我們就來詳細了解一下這一過程。

首先，我們需要在小程序的app.json配置文件中聲明所需要的CSS文件。具體方法如下：

{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "Demo",
"enablePullDownRefresh": false
},
"style": "default",
"sitemapLocation": "sitemap.json",
"usingComponents": {},
"tabBar": {},
"plugins": {
"myPlugin": {
"version": "1.0.2",
"provider": "wxidxxxxxxxxxxxxxxxxx",
"path": "miniprogram_npm/myPlugin/index"
}
},
"onReachBottomDistance": "50",
"preloadRule": {
"cacheKey": "cacheKey",
"networkPriority": "high",
"using": "preload",
"url": "test.html"
},
"stylePaths": [
"styles/mycss.wxss"
],
"sitemapPlan": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首頁",
"app-plus": "transparent"
}
}
]
}

上面的代碼中，我們在stylePaths中聲明了所需要調(diào)用的CSS文件路徑，此處為styles/mycss.wxss。

接下來，在需要調(diào)用CSS樣式的頁面相應(yīng)的wxml文件中設(shè)置相應(yīng)的class屬性，在wxss中設(shè)置相應(yīng)的樣式即可。下面是一個例子：

index.wxml:
<view class="container">
小程序CSS測試
</view>
index.wxss:
.container{
font-size:20px;
color:red;
}

這樣，我們就成功地在小程序中調(diào)用了所需要的CSS樣式，為頁面的展示增添視覺上的美觀。