要为Angular 8库的全局CSS提供代码示例,您可以按照以下步骤进行操作:
在Angular项目的根目录中,创建一个名为styles.css
的全局CSS文件。
在styles.css
文件中,编写您想要应用于整个应用程序的全局CSS样式。例如,您可以设置全局字体,背景颜色,边距等。
/* styles.css */
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
.container {
margin: 20px;
}
/* 其他全局样式... */
打开angular.json
文件,找到architect > build > options
部分,并添加"styles"
数组。
"architect": {
"build": {
"options": {
"styles": [
"src/styles.css"
],
// 其他构建选项...
}
// 其他构建配置...
}
}
在Angular项目中的任何组件或模板中,都可以直接使用全局CSS样式。例如,在app.component.html
中:
Welcome to my Angular app!
This is some text.
组件中的HTML将自动应用styles.css
中定义的全局样式。
这样,您的Angular 8应用程序将使用全局CSS样式。您可以在styles.css
文件中定义其他全局样式,并在整个应用程序中重复使用它们。