在使用Vue.js開發前端應用時，我們經常會使用CSS樣式來美化頁面。在Vue項目中如何導入CSS呢？Vue提供了vue-loader這個插件，可以將單文件組件中的樣式處理成CSS代碼，然后注入到HTML中。

在Vue單文件組件中，我們可以使用<style>標簽來編寫CSS樣式，可以直接在.vue文件中引入樣式文件，也可以使用內聯樣式。例如：

<template>
<div class="container">
<p>Hello, World!</p>
</div>
</template>
<style>
.container {
background-color: #fff;
border: 1px solid #ccc;
padding: 20px;
}
p {
font-size: 20px;
color: #333;
}
</style>

在Vue項目中，我們還可以使用CSS預處理器，例如SASS、LESS等，Vue支持使用這些預處理器編寫CSS。我們可以在vue.config.js文件中配置CSS預處理器：

module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `@import "@/assets/style/variables.scss";`
}
}
}
}

此外，Vue還提供了一些基本的樣式庫，可以幫助我們快速構建界面，例如Element-UI、Vuetify等。我們可以選擇使用這些樣式庫，也可以自己編寫樣式，根據需要靈活選擇。