醞釀要開一個部落格很久，卻遲遲沒有勇氣，但眼看一年都已經到了六月這樣不行 ...... 就慢慢的把之前零零碎碎的筆記寫成一篇篇文章。

而當然也包含半年前，心血來潮的看到 Gatsby 這個新的架構，心裡想著：「如果可以使用 Component 的話是不是就可以做出很多很酷的資料視覺化文章了！」的初衷，開始使用 Gatsby 將這個部落格的心得記錄。

CSS 大概是前端工程師的切版日常風景之一，雖然現在已經越來越多成熟的 CSS 預處理、或 Design System 打包好 Component Library，但 CSS 還是入門前端的時候的必經之路。

但每每提到切版的時候，都會有一種切版像是在鑽 CSS 的漏洞，各種 CSS tricks 跟 hack 讓人防不勝防，也讓不少前端工程師產生 CSS 可能是最簡單也最困難、像是蛋炒飯一樣的語言。

於是想要來深入研究一下這個每天都會使用到的 CSS 排版基礎屬性：Display 跟 Position 的原理到底是什麼？