溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
CSS中的@import怎么用？針對這個(gè)問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。
@import 是CSS@規(guī)則，用于從其他樣式表導(dǎo)入樣式規(guī)則。這些規(guī)則必須先于所有其他類型的規(guī)則，@charset 規(guī)則除外; 因?yàn)樗皇且粋€(gè)嵌套語句，@import不能在條件組的規(guī)則中使用。
因此，用戶代理可以避免為不支持的媒體類型檢索資源，作者可以指定依賴媒體的@import規(guī)則。這些條件導(dǎo)入在URI之后指定逗號分隔的媒體查詢。在沒有任何媒體查詢的情況下，導(dǎo)入是無條件的。指定所有的媒體具有相同的效果。
引入CSS的方法有兩種，一種是@import，一種是link
@import url('地址');<link href="地址" rel="stylesheet" type="text/css" />
現(xiàn)在絕大部分的網(wǎng)站都采用后一種link方式，原因在于
@import先加載HTML，后加載CSS
link先加載CSS，后加載HTML。
所以前者加載網(wǎng)頁會出現(xiàn)令瀏覽者以外的格式，后者則是帶格式的加載網(wǎng)頁。
@import 的幾種引入方式
@import 默認(rèn)引入less方式讀取，出css之外：
@import "foo"; // foo.less 導(dǎo)入為less文件 @import "foo.less"; // foo.less 導(dǎo)入為less文件 @import "foo.php"; // foo.php 導(dǎo)入為less文件 @import "foo.css"; // 語句保持原樣，導(dǎo)入為css文件
| 屬性 | 作用 | 釋義 |
|---|---|---|
| reference | 使用該less文件但是不輸出它 | 使用@import (reference) 導(dǎo)入外部文件，導(dǎo)入的樣式不會添加到編譯輸出，除非該樣式被引用。 |
| inline | 包括在源文件中輸出，但是不作處理 | 當(dāng)一個(gè)css文件可能無法被less所兼容時(shí) |
| less | 將該文件視為less文件，無論擴(kuò)展名是什么 | |
| css | 將文件視為css文件，無論擴(kuò)展名是什么 | |
| once | 該文件僅可導(dǎo)入一次 (默認(rèn)) | 文件只會被導(dǎo)入一次，后續(xù)的導(dǎo)入相同文件的語句會被忽略。 |
| multiple | 該文件可以多次導(dǎo)入 | 文件重復(fù)被引入多次 |
| optional | 當(dāng)沒有發(fā)現(xiàn)文件時(shí)仍然編譯 | 避免導(dǎo)入不存在的less文件，如果沒有這個(gè)參數(shù)會報(bào) File Error 錯(cuò)誤 |
關(guān)于CSS中的@import怎么用問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼