本文介绍了在前端项目中设置全局CSS样式的三种方法：通过main.js文件导入、在index.html文件中链接以及在app.vue文件内使用@import。这些方法帮助开发者统一和管理项目的全局样式，确保页面样式的一致性。
前端项目中全局css样式的设置
#最简单的的引入方式
- main.js文件引入样式，例如创建了一个名为global.css的文件，其引入方式如下所示：
import "./styles/global.css"
#index.html文件引入
- 利用link元素引入外部样式文件，代码如下所示：
<link rel="stylesheeet" href="./static/css/global.css">
#app.vue 文件style元素引入
利用@import在style元素中引入外部样式
代码如下：
<style>
@import './style/css/global.css'
</style>
22万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
