最近在學習 Angular 4，發現其中的 CSS 引入方式與平常有所不同，特此寫一篇文章介紹一下。

在 Angular 4 中，可以通過在組件文件的 @Component 裝飾器中來引入 CSS。

@Component({
selector: 'app-example',
templateUrl: './example.component.html',styleUrls: ['./example.component.css']})

注意，styleUrls 是一個字符串數組，可以引入一個或多個 CSS 文件。例如：

styleUrls: ['./example.component.css', './example2.component.css']

這里需要注意的是，引入的 CSS 文件路徑是相對于組件文件的。例如，在上述代碼中，CSS 文件 example.component.css 和 example2.component.css 與組件文件 example.component.ts 和 example.component.html 同級。

如果需要引入全局的 CSS 文件，可以在根組件 app.component.ts 中引入，并在其中定義全局樣式：

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls:['../styles.css']})

同樣需要注意，這里引入的 CSS 路徑是相對于根組件文件的。

希望本文對大家在學習 Angular 4 中的 CSS 引入方式有所幫助。