Angular2是一個非常強大的JavaScript框架，它不僅可以幫助我們構建大型Web應用程序，還可以提高我們的開發效率。在Angular2中，組件是構建大型應用程序的基礎。每個組件都有HTML、CSS和JavaScript代碼，其中CSS代碼用于定義組件的外觀和樣式。接下來，我們將更詳細地了解如何在Angular2組件中使用CSS。

@Component({
selector: 'app-component',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'My App';
}

在上面的代碼中，我們可以看到AppComponent類，該類包含了一個名為title的屬性，實際上用于呈現應用程序的標題。然而，更重要的是我們在@Component注釋下面看到了一個名為styleUrls的數組。在這個數組中，我們可以定義所有與該組件相關的CSS文件。

這足以表明我們可以為組件創建一個CSS文件，就像為整個應用程序創建一個CSS文件一樣。在這個CSS文件中，我們可以定義與組件相關的所有樣式規則。例如：

h1 {
color: red;
}
p {
font-size: 16px;
}

在上面的代碼中，我們定義了一個選擇器為h1和p的樣式規則。這些規則將應用于組件模板中的所有h1和p元素。在AppComponent中，我們可以使用這些元素來呈現應用程序的標題和內容：

@Component({
selector: 'app-component',
template: `
{{title}}
This is my app.
`,
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'My App';
}

最后，我們需要記住的是，組件CSS是用于組件的，因此不會對其他組件或全局樣式產生影響。這為我們創建更健壯和模塊化的代碼提供了靈活性。