面對CSS數十種分類、上百個屬性，初學者常陷入「全記硬背」的誤區。其實連資深前端也無法全記，關鍵在於建立知識索引體系與實戰查閱習慣。
為什麼不需要死記硬背？
- 常用屬性僅佔20%：佈局、盒模型、文字樣式、Flex/Grid、動畫過渡等核心屬性高頻復用。
- 現代IDE智能提示完善：VS Code、WebStorm輸入前綴即可列出所有屬性與值。
- MDN/WebPlatform文檔權威詳盡：遇到生僻屬性查閱即可，還能看到瀏覽器相容性與最佳實踐。
高效掌握CSS的三階學習法
- 建立分類心智模型：將屬性歸類為「佈局」、「盒模型」、「視覺格式化」、「動畫/過渡」、「響應式」五大模組，理解各模組核心屬性作用與關聯。
- 項目驅動「剛需式」學習：實戰中遇到效果需求（如垂直居中、聖杯佈局、載入動畫），針對性查閱、實驗、總結相關屬性組合。
- 構建個人代碼片段庫：將常用組合（如清除浮動、省略號、陰影預設）存為Snippet，需要時直接調用，隨時間沉澱成專屬速查表。
進階建議
重點攻克Flexbox、Grid、CSS變量、Container Queries、Cascade Layers等現代佈局與架構特性，它們能解決90%以上的佈局難題。定期瀏覽CSS-Tricks、Smashing Magazine、W3C草案，保持技術視野前沿。
記住：會查、會用、會組合，遠比「全記在腦子」更有價值。
