小程序怎么引用CSS文件呢？下面我們就來一起了解一下吧。 首先，我們需要在小程序的開發(fā)者工具中創(chuàng)建一個新的項(xiàng)目。接著，在新建的項(xiàng)目文件夾中創(chuàng)建一個新的css文件，比如我們可以命名為index.css。 然后，在小程序的.js文件中引入.css文件，代碼如下所示：

Page({
onLoad: function () {
wx.setNavigationBarTitle({
title: '引入CSS文件'
})
}
})

上面的代碼是一個簡單的小程序頁面，我們可以看到在Page函數(shù)中的onLoad生命周期函數(shù)中引入了CSS文件，并設(shè)置了導(dǎo)航欄的標(biāo)題。 接下來就是將引入的CSS文件應(yīng)用到小程序中的組件上了。我們可以在index.wxml文件中通過style標(biāo)簽引入CSS文件，并將樣式應(yīng)用到組件上。

<view class="container" style="background-color:#fff">
<view class="text" style="color: green;">這是一段文本</view>
<view class="btn">按鈕</view>
</view>
<style&amp;gt;
@import "index.css";
</style>

在上面的例子中，我們可以看到通過style標(biāo)簽引入了index.css文件，并將容器、文本和按鈕組件的樣式進(jìn)行了設(shè)置。 最后，我們需要在index.css文件中設(shè)置樣式，代碼如下所示：

.container {
display: flex;
flex-direction: column;
align-items: center;
}
.text {
font-size: 20px;
}
.btn {
background-color: green;
color: #fff;
width: 100px;
height: 30px;
text-align: center;
line-height: 30px;
margin-top: 20px;
}

在上述代碼中，我們設(shè)置了容器組件的樣式為flex布局，并讓文本組件的字號為20px。同時，我們給按鈕組件設(shè)置了背景顏色、文字顏色、寬高、文本對齊方式以及上邊距。 綜上所述，這就是小程序引入CSS文件的方法以及實(shí)現(xiàn)過程。希望對大家能夠有所幫助。