CSS中@import是什麼意思？

在CSS中@import是匯入CSS樣式表，這種方式通常會在CSS檔案中使用，這樣做的好處是，可以把多個樣式表匯入到一個樣式表中，從而在頁面裡面只需要匯入一個樣式表即可。

影片教學推薦：《CSS影片教學-玉女心經版》

引入CSS的方法有兩種，一種是@import，一種是link

@import url('地址');

<link href="地址" rel="stylesheet" type="text/css" />

現在絕大部分的網站都採用後一種link方式，原因在於

@import先加載HTML，後載入CSS

link先載入CSS，後來再載入HTML。

所以前者載入網頁會出現令瀏覽者以外的格式，後者則是帶有格式的載入網頁。

@import 的幾個引入方式

@import 預設引入less方式讀取，出css之外：

@import "foo"; // foo.less 导入为less文件 
@import "foo.less"; // foo.less 导入为less文件
@import "foo.php"; // foo.php 导入为less文件
@import "foo.css"; // 语句保持原样，导入为css文件

##optional 當沒有發現文件時仍然編譯避免導入不存在的less文件，如果沒有這個參數會報File Error 錯誤

屬性	作用	釋義
#reference	使用該less檔但是不輸出它	使用@import (reference) 導入外部文件，導入的樣式不會加入編譯輸出，除非該樣式被引用。
inline	包含在原始檔中輸出，但是不處理	當一個css檔可能無法被less相容時
less	將該文件視為less文件，無論副檔名是什麼
css	將文件視為css文件，無論擴展名是什麼
#once	該文件僅可導入一次(預設)	檔案只會被導入一次，後續的導入相同檔案的語句會被忽略。
multiple	該檔案可以多次匯入	#檔案重複被引入多次

推薦教學：《

CSS教學》

#

以上是CSS中@import是什麼意思？的詳細內容。更多資訊請關注PHP中文網其他相關文章！