CSS 的樣式屬性除了長度、顏色或角度單位，有些時候也會使用一些「全域關鍵字」或「文字」作為屬性值，這個單元會介紹 CSS 提供的全域關鍵字 inherit、initial、unset、revert 和 revert-layer，以及一些特殊作用的文字數值，例如虛擬元素的文字換行、單引號、雙引號...等。

影片重點：

• 00:01:00 全域關鍵字：inherit、initial、unset
• 00:04:33 全域關鍵字：revert
• 00:06:28 全域關鍵字：revert-layer
• 00:09:16 特殊屬性數值：none 與 0
• 00:13:44 文字數值與跳脫字元

相關參考：

• 教學文：全域關鍵字與文字數值
• 影片連結：https://www.youtube.com/watch?v=DHOocLqdg9M

後記

今天聊一下我都是怎麼做這些文章 banner 的，曾經我有嘗試過把整篇文章丟給 AI 讀，然後請它幫我畫出類似的 banner，但嘗試過幾次之後覺得實在畫得不好，所謂的不好並不是指它畫得不好看，而是單純只是根據內容畫出來，缺少了「想像力」和「意境感」，後來慢慢的我才發現，原來真的要 AI 畫出好圖，需要人類提供豐富的故事性、想像力和氛圍意境，但人類也是需要訓練，才能具備這些能力就是了 :p

因此我會先想像一個和內容有關的故事或情境，而且是盡可能天馬行空的亂想，接著慢慢濃縮變成關鍵字，就能畫出符合內容但又跳脫內容的畫面，大概是這樣吧～

更多參考：

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