在前端開發(fā)中，為了讓頁面樣式更加美觀和可維護(hù)，常常會使用CSS來實(shí)現(xiàn)頁面樣式的裝飾。我們在編寫CSS樣式時(shí)，通常是將CSS樣式代碼寫在獨(dú)立的CSS文件中，通過在HTML文件中使用<link>標(biāo)簽引入CSS文件。

導(dǎo)入式CSS則是一種將CSS樣式代碼嵌入到HTML文件中的一種方式。可以使用<style>標(biāo)簽將CSS樣式代碼寫在HTML文件中，也可以使用@import規(guī)則將CSS文件導(dǎo)入到HTML文件中。

<style>
body {
background-color: #f5f5f5;
}
h1 {
color: #333333;
}
</style>
// 使用@import規(guī)則導(dǎo)入CSS文件
<style>
@import url("style.css");
</style>

@import規(guī)則中可以寫相對路徑或絕對路徑，也可以使用@import規(guī)則嵌套導(dǎo)入多個(gè)CSS文件。不過需要注意的是，使用導(dǎo)入式CSS雖然方便，但是也存在一些缺點(diǎn)。比如，導(dǎo)入式CSS會增加HTML文件的體積，降低頁面加載速度，也不利于樣式的維護(hù)和更新。因此，在實(shí)際項(xiàng)目中，我們應(yīng)該根據(jù)具體情況選擇合適的CSS代碼組織方式。