在網站的前端開發過程中，CSS是必不可少的一部分。在使用CSS的時候，我們需要根據不同的需求來引用CSS，而CSS有四種引用方式，分別是內聯、外部、內嵌和導入。下面我們來一一介紹。
首先就是內聯式引用CSS。內聯式引用CSS是將樣式直接寫在HTML標簽的style屬性里，這樣可以實現快速樣式的修改，在單個標簽上使用內聯式引用CSS非常方便。下面是示例代碼：
<div style="color: red; font-size: 18px;"> 這是一個使用內聯式引用CSS的div </div>
接下來是外部式引用CSS。外部式引用CSS是將CSS文件保存在外部，然后使用link標簽將CSS文件鏈接到HTML文檔中。使用外部式引用CSS可以在多個HTML文件中共享同一個CSS文件，使得樣式統一且易于修改。以下是外部式引用CSS的示例代碼：
<head> <link rel="stylesheet" href="path/to/style.css"> </head>
第三種方式是內嵌式引用CSS。內嵌式引用CSS是將樣式直接寫在HTML文檔內，使用style標簽包裹。與內聯式引用CSS相比，內嵌式引用CSS具有更強的適應性，可以在多個標簽、多個頁面中使用并修改。以下是內嵌式引用CSS的示例代碼：
<head>
<style>
p {color: blue; font-size: 24px;}
</style>
</head>
<body>
<p>這是一個使用內嵌式引用CSS的段落</p>
</body>最后是導入式引用CSS。導入式引用CSS是使用@import關鍵字將CSS文件引入到另一個CSS文件中，可以靈活地組織CSS代碼。但是，使用導入式引用CSS可能會影響頁面加載速度，因此不太推薦使用。以下是導入式引用CSS的示例代碼：
@import url("path/to/style.css");以上就是CSS四種引用方式的介紹，開發者可以根據具體需求選取合適的引用方式。