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

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

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

<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標簽引入了index.css文件，并將容器、文本和按鈕組件的樣式進行了設置。 最后，我們需要在index.css文件中設置樣式，代碼如下所示：

.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;
}

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