在uniapp开发中，我们经常会使用样式（CSS）来美化我们的应用或网页。有时候我们需要引入外部CSS文件来使用其中的样式，这篇文章将介绍在uniapp中如何引入外部CSS文件。
在uniapp中引入外部CSS文件的方法
在uniapp中，我们可以使用两种方法来引入外部CSS文件。
方法一：在template文件中使用link标签引入CSS文件
在template文件中使用link标签引入CSS文件是最常见的方法。我们只需要在template文件中的
标签中使用link标签即可，如下所示：
<head>
<link rel="stylesheet" href="./css/style.css">
</head>
这里，我们通过link标签的rel属性指定了被引入文件的媒体类型为“样式表”（stylesheet），href属性指定了CSS文件的路径（这里的路径是相对于当前文件的路径）。
方法二：在App.vue文件中使用import引入样式文件
除了在template文件中使用link标签引入CSS文件之外，我们还可以在App.vue文件中使用import语句来引入CSS文件。这种方法的好处是可以在全局使用引入的CSS样式，如下所示：
<style>
@import './css/style.css';
</style>
在上述代码中，我们使用@import语句引入了指定的CSS文件，"./css/style.css"是CSS文件所在的路径。
外部CSS文件的样式优先级
在使用外部CSS文件的时候，会遇到多个CSS样式产生的冲突，这时候需要了解CSS样式的优先级顺序。CSS样式的优先级顺序如下所示：
1. !important声明的样式具有最高优先级；
2. 内联样式（使用style属性）优先级次之；
3. ID选择器的优先级比属性选择器的优先级要高；
4. 同一级别的样式，后面的样式优先级高于前面的样式；
5. 如果以上条件都无法区分优先级，则以文档流（HTML代码中元素的先后顺序）为准。
总结
以上就是在uniapp中引入外部CSS文件的方法和样式优先级的介绍。在实际项目中，我们需要通过合理的布局和样式来实现良好的用户体验，所以掌握CSS样式的使用是非常重要的。