元素選擇器（Type Selectors）也可以稱作「標籤選擇器」。我們可以在 HTML 文件中，選擇任何的 HTML 元素，並對選中的標籤元素來處理樣式。不過，由於 <head> 部分的標籤（如 <meta>, <title> 等）不會顯示在網頁的可見區域，因此對這些標籤的樣式設置不會產生效果。
❤️
Day2-通用選擇器-小朋友才做選擇，我全都要
通用選擇器（Universal Selector）也稱為「通配選擇器」或「全體選擇器」，這些名稱指的都是同一個概念。
通用選擇器可以使用 * 符號來選取所有元素，這在你需要對所有元素應用相同樣式時特別有用。
❤️
Day1-什麼是CSS選擇器? CSS選擇器如何應用
一個完整的網站由 HTML、CSS 和 JavaScript 三者協同運作，各司其職，缺一不可。HTML 負責網站的結構，CSS 負責視覺美感，而 JavaScript 則處理動作與使用者互動。
❤️
如何用CSS控制移動端可視區域？使用lvh, svh, dvh單位優化網站
最近做專案時，設計師希望行動版第一區塊可以滿版呈現，而當下第一個念頭就是用 vh 來做，但實際在手機看時發現，不管是 Chrome 或 Safari 瀏覽器，底下的 UI 工具列都會擋到內容，沒辦法完整呈現 🤔
❤️
用 CSS 打造酷炫的變形蟲效果-CSS教學
在做專案時，設計稿上有個圓形，設計師希望呈現出不規則橢圓的動畫效果，我把它稱之為變形蟲效果😆
就像上圖所呈現的，動畫效果持續為不規則橢圓，並且會漸漸的變色
如何做到的呢？這其實不難～跟著我一起往下做吧！
❤️
Google Publisher Tag 教學-顯示廣告版位程式碼
Google Publisher Tag 是一種 JavaScript 標籤庫，簡稱為 GPT (跟 ChatGPT 沒關係嘿~XD)，用於在網頁上展示廣告並管理廣告投放。GPT 是 Google Ad Manager 平台的重要組成部分，它提供了強大且靈活的功能，幫助網站管理者優化廣告展示，提高廣告收入
本篇文章將會介紹如何操作 Google Publisher Tag，在網站成功顯示廣告~👍
❤️
clip-path製作box-shadow陰影無效!?你應該這樣做!
在製作專案時，遇到了不規則形狀的 tag，我使用了 clip-path 來達成不規則形狀的效果
❤️
Solved-React Material UI Modal fixed move-解決fixed元素移動
版本 @material-ui/core v5
在使用 React Material UI 時，版面上有設定了一個 fixed 的元素，但在打開 Modal 後，元素會跟著移動，畫面的移動讓使用者體驗不好
❤️
手機版網頁設計 RWD vs AWD 的差別，打造良好網站使用者體驗
在現代移動裝置廣泛使用的環境下，有極大部分的網路使用者，都是透過手機等行動設備來進行企業服務查詢、電商購買、知識搜索等行動，根據 Meltwater 和 We Are Social 合作製作的《數位 2023 年全球概覽報告》分析，針對全球的數位使用情形，用行動裝置上網的比例已高達 91%，顯然使用手持裝置上網已經是瀏覽網站的趨勢。
❤️
Voicetube Hero 零元挑戰成功後是否會真的退費
在去年七月中時報名了 Voicetube Hero 零元挑戰，只能說這需要非常有恆心，
就算出去玩也要帶著電腦(APP不支援家教課)，就怕回家來不及上英文課😆
就在整個半年都不缺席的情況下，我挑戰成功啦～好感動🎉🎉🎉
成功了然後呢? 當然是申請退費啦!!
❤️