如何在angular 7中导入外部css

在Angular 7中导入外部CSS有以下几个步骤：

1. 在项目的根目录下找到angular.json文件，它包含了Angular项目的配置信息。
2. 找到styles数组，它定义了全局样式文件的路径。如果你的数组为空，可以直接添加你要导入的外部CSS文件路径。
3. 如果你要导入的CSS文件位于项目外部（例如在CDN上），你可以使用完整的URL来指定它。
4. 如果你要导入的CSS文件位于项目的assets目录下，你可以使用相对路径来指定它。

以下是一个示例：

"styles": [
  "src/styles.css",
  "https://example.com/external.css",
  "assets/css/another-external.css"
]

这样配置之后，Angular应用将会在构建过程中自动将这些CSS文件添加到生成的页面中。

在Angular中导入外部CSS的优势在于可以灵活地引入第三方CSS库或者自定义的样式文件，使得开发过程更加高效便捷。

在Angular应用中导入外部CSS的应用场景包括但不限于：

• 使用第三方UI库，如Bootstrap、Material UI等，通过导入其CSS文件可以快速构建界面。
• 导入自定义的全局样式文件，统一整个应用的风格。
• 针对特定组件或页面，导入外部的CSS文件以实现特定的样式需求。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 腾讯云云开发：https://cloud.tencent.com/product/tcb
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网通信（IoT）：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动推送（信鸽）：https://cloud.tencent.com/product/tpns
• 腾讯云区块链：https://cloud.tencent.com/product/bc