angular2 引用css

Angular2中的样式可以通过引用CSS文件来实现。在Angular2中，样式可以通过使用组件级样式和全局级样式来定义。 组件级样式可以通过在组件模板中使用“style”属性来定义。这将把样式直接嵌入到组件模板中。例如，下面的组件模板中定义了一个元素的颜色：

<div style="color:red">Hello World</div>

类似地，组件也可以通过使用“styleUrls”属性来引用外部CSS文件。在这种情况下，组件中定义的样式可以直接从外部CSS文件中引用。例如：

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

在上面的代码中，“styleUrls”属性引用了一个名为“app.component.css”的外部CSS文件，该文件将包含组件的所有样式定义。 除了组件级样式之外，还可以使用全局级样式来为整个应用程序定义样式。这可以通过在“index.html”文件中引用外部CSS文件来实现。例如：

<link rel="stylesheet" type="text/css" href="styles.css">

在这个例子中，“styles.css”是一个名为“styles.css”的外部CSS文件，它定义了整个应用程序的样式。 总的来说，在Angular2中，可以通过组件级和全局级样式来定义和引用CSS。这使得样式的管理和组织变得更加简单和灵活。

查看更多关于angular2 引用css的详细内容...