筆記
Margin、Padding 與盒模型
由外而內認識 margin、border、padding、content；在相同寬高與邊框下比較 content-box 與
border-box。內文並整理 padding／margin 重點與簡寫。
從基礎屬性到現代排版布局的深度探索
點選下方卡片進入各別的筆記與練習頁面
由外而內認識 margin、border、padding、content；在相同寬高與邊框下比較 content-box 與
border-box。內文並整理 padding／margin 重點與簡寫。
一維排版的核心，掌握主軸與交叉軸對齊，輕鬆實現物件的水平與垂直置中。
現代二維佈局，定義軌道與區域，處理複雜網頁架構的最強排版工具。
理解 Relative、Absolute 與 Fixed 的空間脫離關係，實作漂浮按鈕與固定選單。
掌握偽類、偽元素與後代選擇器，理解 CSS 權重計算規則，精準覆蓋樣式。
利用 :root 管理色票與間距設定。提升代碼複用性，實作主題切換的設計系統。