本系列文章目標是學習 CSS 基本知識,並且研究 The State of CSS 中值得令人期待新屬性,讓想要學習 CSS 的人也能一起學到新知識,不用再零零散散地去爬文搜尋。此外,還會提及一些前端基本知識、版本控制、開發經驗等必要概念,讓新手對於前端開發有全面的認識。
↓ 今日學習重點 ↓ 了解 CSS 的 text-shadow 與其應用 了解製作文字外框的方法 了解如何製作 CSS 文字遮罩 之前我們...
這 30 天真的是很經歷了好多,這中間經歷了去日本玩、首次確診、兩個連假,同時要整理過去熟悉的知識,還要研究其他我不會的,一度還逼近棄賽,能完賽很感動。 今天...
↓ 今日學習重點 ↓ 了解 hex、rgb()、cmyk()、hsl()、hsb() 了解廣色域是什麼 了解 lch()、oklch() 與他們的...
↓ 今日學習重點 ↓ 了解 currentcolor 及他的使用時機 了解 accent-color 了解 color-mix() 及如何使用...
↓ 今日學習重點 ↓ 使用 Media Queries 的 prefers-color-scheme 搭配 CSS 變數設定預設的淺色/深色模式 使...
↓ 今日學習重點 ↓ 在 HTML 加入圖片 使用 object-fit 讓圖片填滿容器 使用 background 讓圖片填滿容器 在...
↓ 今日學習重點 ↓ 了解向量圖、點陣圖是什麼? 了解像素密度 (Pixel Density) 的原理 使用 HTML <img>...