CSS Import 用法 CSS Import 是一個用來在單個或多個 CSS 文件之間共享 CSS 規則的方法。它可以幫助您在一個文件中組織所有的 CSS，并在需要時將其導入到其他文件中。 語法 @import url; 其中，url 指向一個 CSS 文件的地址。 例如： 在 style.css 文件中： ``` @import url("reset.css"); ``` 此時當解析 style.css 文件時，會將 reset.css 的內容導入到 style.css 中。 可以在任何位置使用 import 指令，但它必須在所有其他規則之前。 例如： ``` @import url("reset.css"); body { background-color: red; } ``` 此時，在解析 body 的樣式之前，瀏覽器會先讀取導入的 reset.css 文件。 可以在同一文件中使用多條 @import 語句，也可以將多個文件合并為一個文件，并使用 @import 將它們導入。 注意事項 使用 @import 時，瀏覽器會發起多個請求，這可能會影響網站的加載速度。 所以，推薦將所有的 CSS 合并成一個文件，并使用 link 標簽將其引入。這樣可以避免多次請求，提高網站的加載速度。 結論 使用 CSS Import 可以幫助我們合理地組織 CSS 文件，讓代碼更加清晰易懂。但是在實際開發中，我們更應該考慮優化網站的加載速度，盡量減少 HTTP 請求的次數，提高用戶體驗。