當 CSS 越寫越複雜，有時就需要將 CSS 根據特定功能拆分成獨立的檔案，如果要載入多個 CSS，除了使用 HTML 的方式載入，也可以透過 CSS 的 @import 規則，讓 CSS 裡載入其他的 CSS，這個單元會介紹 CSS 的 @import。

影片重點：

• 00:01:06 建立獨立的 CSS 檔案
• 00:02:15 使用 HTML 的 link 標籤匯入樣式
• 00:06:13 使用 @import 匯入樣式
• 00:08:14 搭配 @media 判斷匯入什麼樣式

相關參考：

• 教學文：CSS @import 匯入樣式
• 影片連結：https://www.youtube.com/watch?v=oaz2nE2ZV6Q

後記

不知道大家錄製螢幕畫面時，喜歡用哪套軟體呢？由於我自己是使用 Mac，內建的 quicktime 真的很方便，雖然後來微軟也有致敬一些快速鍵截圖的做法，但我還是覺得 quicktime 錄影截圖真是太神了，輕鬆 shift + command + 3 就開始錄 ( 應該是預設快速鍵吧 )，真的很讚呀！

不過如果要錄製系統聲音，我就比較推薦使用 OBS 了，因為 quicktime 的錄製螢幕不會有聲音，透過 OBS 才有辦法呦～ ( 盜版電影和影集是這樣來的嗎？XD )

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html