在使用Vue開發網頁時，我們通常需要引入一些CSS文件來美化頁面的樣式。Vue提供了一種方便的方法來引入CSS：使用index.vue文件。

index.vue文件是Vue項目中的入口文件，它會被WebPack打包成一個可用于網頁的JS文件。在這個文件中，我們可以引入所有需要用到的CSS文件。

<template>
<div id="app">
...
</div>
</template>
<script>
export default {
name: 'App'
}
</script>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
/* 其他CSS樣式 */
</style>

在上述代碼中，我們可以看到style標簽中引入了一個外部的CSS文件，并定義了一些其他的CSS樣式。如果我們需要引入本地的CSS文件，可以通過以下方式：

/* 引入本地的CSS文件 */
@import url('./css/style.css');

除了通過@import語句來引入CSS，我們還可以在style標簽中書寫CSS樣式：

<style>
/* 定義CSS樣式 */
h1 {
color: red;
}
</style>

如果我們使用的是Sass、Less等CSS預處理器，可以在style標簽中使用lang屬性來指定預處理器的類型：

<style lang="scss">
/* 在這里使用Sass */
</style>
<style lang="less">
/* 在這里使用Less */
</style>

除了在index.vue文件中引入CSS文件，我們還可以在每個組件中單獨引入CSS文件。這種方式更靈活，能更好的控制每個組件的樣式。例如：

<template>
<div class="component">
...
</div>
</template>
<script>
export default {
name: 'Component'
}
</script>
<style scoped>
/* 在這里定義組件的CSS樣式 */
.component {
color: red;
}
</style>

在上述代碼中，我們可以看到style標簽中有一個scoped屬性，這意味著這些樣式只會在當前的組件中生效，而不會影響其他組件的樣式。這是一個很方便的特性，能讓我們更好的掌控網頁的樣式。

總而言之，通過使用index.vue文件和組件的style標簽，我們可以方便的引入CSS文件，并定義組件的樣式，這為網頁開發帶來了極大的便利。