✏️前端基礎 - CSS
CSS 超好用的混色功能 color-mix()
前端基礎-你知道如何用 css 快速做出色輪嗎？或是你需要讓你的主色透明 10%？又或是你想要在黑暗模式時，將主色的混一點黑色降低飽和度？ 在以往，以上功能的要自己手動去定義顏色才能做到，對沒有學過設計的工程...
前往CSS 超好用的混色功能 color-mix()文章為什麼要 max-width？讓網站更好看的前端技巧
前端基礎-不知道你有沒有注意過這個問題，在你使用大螢幕看某些網站時，他的文字會被拉的很長？請參考我之前看到的超長 cookie banner 👇 這個時候就可以輕鬆用 max-width 解決問題，今天分享...
前往為什麼要 max-width？讓網站更好看的前端技巧文章深入解析 CSS z-index 和 stacking context 堆疊上下文
前端基礎-你有發生過設定 z-index: 999 的元素蓋不過 z-index: 0 的元素嗎，今天我通過這篇文，帶你清楚了解 z-index 以及瀏覽器的元素先後比較機制。 z-index 是什麼 z-...
前往深入解析 CSS z-index 和 stacking context 堆疊上下文文章5 種你一定要會的 CSS 選擇器 - 大幅減少 JS 的使用，製作網頁更有效率
前端基礎-相信 CSS 選擇器對寫網頁的人都不陌生，除了常用的 :hover、:actived、::after 之外，還有其它超很好用的 CSS 選擇器，用的好的話甚至可以取代部份的 JS 程式碼，今天我就整理...
前往5 種你一定要會的 CSS 選擇器 - 大幅減少 JS 的使用，製作網頁更有效率文章為甚麼你寫的 CSS 沒有效果 - CSS 選擇器的優先級、權重
前端基礎-為甚麼你寫的 CSS 沒有效生效呢？ 在 CSS 中優先級可以分成 0 ~ 5 共 6 個等級，數字越大，優先級越大，比如說 !important 就是 5 級優先級，所以他可以覆蓋所有的選擇器。 ...
前往為甚麼你寫的 CSS 沒有效果 - CSS 選擇器的優先級、權重文章