CSS 之 Box Sizing
Box Model 預設將 width 與 height 設定在 Content Box，但你可以透過 box-sizing 將 width 與 height 設定在 Border Box。
CSS 之 Box Model
CSS 有獨特的 Box Model，除了包含本身的 Content Box 外，尚包含 Border Box、Padding Box 與 Margin Box，其中 DevTools 的寬度計算只包含 Width、Border 與 Padding，並不包含 Margin。
如何解決圖片所造成的底部空隙 ?
當圖片放在 Block 中，會發現圖片似乎與 Item 底部有些空隙，這是因為 <img> 本身 vertical-align 預設值為 baseline 所造成。
處理 Anchor 間 Space
當 <a> 並排時常發現之間會有一點空間，此乃因 <a> 為 Inline Element，會將其後的多個 space 視為一個 space 保留顯示。
使用 Object Destructure 將 Method 抽成 Free Function
ECMAScript 雖然也有 Class、Object 與 Method 與 this 概念，但其 Method 本質仍是 Free Function，只是 this 指向 Object，也因為如此，所以能夠使用 Objet Destructure 從 Method 抽成 Free Function。
使用 Object.fromEntries() 將 Pair Array 轉成 Object
ECMAScript 2015 新增了 Object.fromEntries() 可將 Pair Array 轉成 Object。