在网页开发中，CSS作为网页样式的设计语言，是必不可少的一部分。那么，怎么引用CSS文件呢？本文将详细介绍CSS文件的引用方法和需要注意的细节。
1. 外链式引用（link）
外链式引用是指在HTML文档中使用link标签来引用外部的CSS文件。
参考代码：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
上述代码中，rel属性定义了所引用文档与当前文档之间的关系，值为stylesheet表示引用的是样式表；type属性定义了被那种MIME类型的资源，如text/css表示引用的是CSS；href属性定义了所引用的文件的路径。
需要注意的几个点：
1. 外链式引用必须放置在head标签中。因为在浏览器中，文档的渲染按照自上而下的顺序进行，如果CSS放在body标签后面，那么当文档中的内容渲染时，它还没有相关的样式，样式文件的外链式引用必须放在文档头部。同时，这样也可以确保页面的性能更好。
2. Css文件需要与Html文件在同一目录下。如果Css文件与Html文件不在同一个目录下，就需要在引用Css文件时指定正确的CSS文件路径。
3. 可以在一个网页上引用多个CSS文件，并且CSS文件的顺序是有关联的。对于CSS文件的引用顺序，需要根据优先级进行设计。当样式在多个文件中进行定义时，后定义的会覆盖先定义的。
2. 嵌入式引用（style）
嵌入式引用是指在HTML文档中使用style标签，将CSS样式直接写在HTML文件中，以供当前文档使用。该引用方式常用于一些比较小的样式设计时，方便CSS样式修改和调试。
参考代码：
<head>
<style type="text/css">
body {
background-color: #ccc;
}
</style>
</head>
需要注意的几个点：
1. 嵌入式引用同样必须放置在head标签中。
2. style标签中的type属性定义同外链式引用方式中的type属性。
3. 在样式表嵌入的情况下，选择器可以和属性放在同一个规则中。
3. 导入式引用（@import）
导入式引用是指使用CSS@import语法，在当前CSS文件中导入其他外部CSS文件，以供当前CSS文件使用。
参考代码：
@import url('style.css');需要注意的几个点：
1. 导入式引用的语法是@import url("URL")；
2. CSS文件内部的@import指令必须放在样式表最上方。这样做主要是为了防止IE6及以下版本的浏览器无法正常将它解析为样式。这些浏览器只会在首次加载页面时才会查找CSS文档中以@import声明的样式表，因此，如果要使该页面的所有样式加载成功，最好在样式表的外部声明中引用它。
3. CSS文件之间的导入，无论通过@import还是link元素来导入样式表，总会使浏览器发出一个额外的请求。这可能会在旧版浏览器或者服务器带宽非常有限时影响页面的性能。
4. CSS代码的优先级
当CSS代码冲突时，需要遵循一定的优先级原则：
1.样式定义越具体，优先级越高；
2.通过id选择器来定义的样式优先级高于通过class选择器定义的样式；
3.在CSS中，!important声明的样式优先级最高，不带!important的样式声明排在后面。
需要注意的几个点：
1. 当样式在多个文件中进行定义时，后定义的会覆盖先定义的。
2. 无论使用何种方式来引用CSS样式，都需要注意样式定义的优先级规则，以避免样式冲突的情况。
3. 在CSS编写时，应该尽量做到代码易读易懂、结构分明，以便于后续的维护和修改工作。
总结
引用CSS样式是网页制作的重要一环，根据不同需求和要求来选择不同的引用方式。对于CSS代码的优先级，需要有清晰的认识，以便写出合乎规范的CSS样式代码。