在Angular 7应用中,样式标签可以来自多个地方。以下是一些可能的来源:
styleUrls
属性中指定一个或多个样式文件。这些样式文件可以是CSS、SCSS、Sass或Less格式。@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.scss']
})
export class ExampleComponent {
// ...
}
src/styles.css
或src/styles.scss
文件中定义全局样式。这些样式文件中的样式将应用于整个应用程序。/* src/styles.scss */
body {
background-color: #f0f0f0;
}
# 安装 Bootstrap
npm install bootstrap
# 在 angular.json 中引入 Bootstrap 样式
{
"projects": {
"your-project-name": {
"architect": {
"build": {
"options": {
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.scss"
]
}
}
}
}
}
}
请注意,以上是一些示例,您可以根据您的应用程序的需求和设计选择适合您的方式。