Angular中如何配置和使用全局样式和局部样式

要在Angular中配置和使用全局样式和局部样式，可以按照以下步骤进行：

1. 全局样式： 在Angular项目中，可以在styles.css文件中定义全局样式。这个文件会在整个应用中生效，并且会被打包成一个单独的CSS文件。在styles.css文件中可以定义全局样式，如body、h1、p等元素的样式。

2. 局部样式： 在Angular组件中，可以使用组件的样式文件来定义局部样式。每个组件可以有自己的样式文件，其中定义的样式只会在该组件中生效。在组件的样式文件中，可以使用CSS、Sass、Less等来定义样式。

要在组件中使用样式文件，可以在组件的元数据中通过styles或styleUrls属性来引入样式文件。例如：

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

在样式文件中可以使用Angular的样式绑定语法来动态设置样式，也可以使用CSS的伪类、伪元素等特性来定义样式。

总的来说，在Angular中配置和使用全局样式和局部样式很简单，只需要在全局样式文件和组件样式文件中定义样式，然后在组件中引入即可实现全局和局部样式的应用。