在使用Vue構建Web應用程序時，引入CSS文件可以對應用程序的樣式進行美化和定制。雖然Vue支持引入多種類型的CSS文件，但最常見的方式是將CSS文件打包并通過Vue的構建工具引入應用程序。

首先，在Vue的工程目錄下，我們需要創建一個CSS文件，可以是以.css或.scss為后綴的文件。例如，我們創建了一個名為style.css的文件，其中包含以下CSS代碼：

/* style.css文件 */
body {
background-color: #f7f7f7;
font-size: 16px;
}
.container {
max-width: 1200px;
margin: 0 auto;
}

接下來，在Vue的組件中引入CSS文件。我們可以在template標簽中使用class屬性并指定CSS類名，在style標簽中通過@import關鍵字引入CSS文件。例如，我們在Vue組件中的代碼如下：

/* HelloWorld組件 */

最后，在Vue的構建過程中，我們需要告訴Vue構建工具將CSS文件打包到最終的應用程序中。這可以通過Webpack的CSS Loader和Style Loader實現。我們可以在Vue的配置文件中添加以下代碼：

/* webpack.config.js文件 */
module: {
rules: [
// CSS Loader
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},
// SCSS Loader
{
test: /\.scss$/,
use: ['style-loader', 'css-loader', 'sass-loader']
}
]
}

以上代碼中，我們配置了兩個Webpack loader，分別用于處理.css和.scss文件。它們的作用是將CSS代碼打包到JavaScript文件中，并在運行時動態插入樣式表到HTML文檔中。

通過以上步驟，我們可以順利地將CSS文件引入Vue應用程序中，并對應用程序的樣式進行自定義。