系列文章
Day 21 - CSS 字體與文字樣式
學習目標 認識常見字體設定：font-family、font-size、font-weight 調整行高（line-height）與字距（letter-sp...
Day 22 - CSS 邊框與陰影
學習目標 認識 border 的基本屬性（寬度、樣式、顏色） 學會設定圓角邊框（border-radius） 掌握 box-shadow 建立立體感效果 嘗試...
Day 23 - CSS 背景進階
學習目標 熟悉多重背景的設定方式 使用 background-attachment 製作視差滾動效果（parallax） 理解 linear-gradient...
Day 25 - CSS 浮動與清除
學習目標 理解 float 的用途與限制 學會使用 clear 避免元素被浮動影響 練習用浮動製作簡單的圖文排版 知道浮動在現代已漸被 flexbox 取代，...
Day 25 - CSS 浮動與清除
學習目標 理解 float 的用途與限制 學會使用 clear 避免元素被浮動影響 練習用浮動製作簡單的圖文排版 知道浮動在現代已漸被 flexbox 取代，...
Day 26 - CSS Flexbox 基礎
學習目標 理解 Flexbox 的核心概念：主軸（main axis）與交叉軸（cross axis） 熟悉容器屬性：display: flex、flex-d...
Day 27 - Flexbox 對齊與分配
學習目標 熟悉主軸（main axis）與交叉軸（cross axis）的對齊控制 掌握 justify-content、align-items、align-...
Day 28 - Grid 布局入門
學習目標 了解 Grid 與 Flexbox 的差異與應用場景 學會使用 display: grid 建立二維布局 練習 grid-template-colu...
Day 29 - Grid 進階：自動排列與範圍控制
學習目標 了解 auto-fit 與 auto-fill 的差異 學會使用 minmax() 實現彈性網格 練習 repeat() 自動生成欄位 使用 gri...
Day 30 - RWD 響應式設計與結語
學習目標 理解 RWD（Responsive Web Design）核心概念 學會使用 @media 媒體查詢調整不同裝置版面 使用彈性單位（%, vw, v...