在前端开发中，CSS是不可或缺的一部分。在编写CSS样式时，我们经常需要引用外部样式表。在CSS引用中，有三种常见的方式：link、@import和style标签。下面通过实例来详细介绍这三种方式。
link方式：
link方式是最常用的CSS引用方式，它可以帮助我们链接CSS样式表到HTML文档中。具体使用方法如下：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>上述代码中，我们通过link标签把style.css样式表链接到HTML文档中。其中rel属性指定链接的类型为stylesheet，type属性指定所链接的文件为CSS文件，href属性指定文件的位置。 @import方式： @import方式也可以用于链接CSS样式表。不同于link方式，@import方式是通过CSS样式表中使用@import规则来实现的。具体使用方法如下：上述代码中，我们在style标签中使用@import规则来链接style.css样式表。在规则中，我们通过url()函数指定文件的位置。 style标签方式： 除了link和@import，我们还可以通过style标签来直接在HTML文档中嵌入CSS样式。具体使用方法如下：
<head>
<style type="text/css">
body {
background-color: #f2f2f2;
}
</style>
</head>上述代码中，我们在style标签中编写了一个针对body元素的样式，其中type属性指定样式的类型为CSS。
在实际开发中，我们可以根据需要选择不同的方式来进行CSS引用。link方式具有灵活性，可以通过外部文件统一管理样式，而@import方式和style标签方式则可以直接嵌入到HTML文档中，方便快捷。