今天的教學影片是「開始使用 CSS」，因為 CSS 需要搭配 HTML 共同使用，所以需要一些簡單的步驟才能執行，這個單元介紹使用本機環境、線上編輯器來編輯與執行 CSS，並會介紹如何在網頁中套用 CSS。

影片重點：

• 00:00:28 撰寫 CSS 的工具 ( 本機環境 )
• 00:01:43 撰寫 CSS 的工具 ( 線上工具 )
• 00:04:13 四種套用 CSS 的方式：行內樣式
• 00:05:23 四種套用 CSS 的方式：style 元素
• 00:06:35 四種套用 CSS 的方式：link 標記
• 00:08:27 四種套用 CSS 的方式：import 指令

相關參考：

• 教學文：開始使用 CSS
• 影片連結：https://www.youtube.com/watch?v=UO2EfIYGuVk

後記

雖然上一支影片已經使用 AI 產生字幕 ( Mac + whisper )，但轉換完之後還是得用手動調整字幕，這一支影片除了有手動調整字幕，也額外做了一個 ChatGPT 機器人，協助處理過長且要分段的字幕，然後也順便請 AI 一起處理一些多餘的語助詞和英文中文空格之類的小細節，然後音樂的部分透過 Suno 這套 AI 工具產生，也算是把 AI 融入工作流當中囉～

最後分享一下拍前兩支影片的感想，就是「越簡單的越難拍，越簡單的越少人看，但是又不得不拍」，如果你有興趣不斷看下去，應該會發現後來的影片會越講越順，聲音好像也會越來越大聲 ( 麥克風有做調整 )，如果喜歡我的影片也可以訂閱支持一下呦～

更多參考：

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