網頁中所有的元素 ( 包含文字 ) 都是一種矩形方框的「容器」，每個容器具有各自的「顯示類型」，這些類型會影響容器彼此間的尺寸、位置、對齊等排版顯示方式，這個單元會介紹 CSS display 樣式屬性，深入理解 inline、block、inline-block、table、grid、flex 這些不同的容器顯示類型。

影片重點：

• 00:00:55 元素的顯示類型
• 00:01:58 display 樣式屬性
• 00:03:29 display: inline
• 00:05:11 display: block
• 00:06:17 display: flow
• 00:07:23 display:flow-root
• 00:09:33 display: flex
• 00:11:18 display: grid
• 00:12:35 display: table、table-*
• 00:14:19 display: list-item
• 00:15:56 display: ruby、ruby-text
• 00:17:26 display: none
• 00:18:21 display: contents
• 00:19:16 display: inline-*

相關參考：

• 教學文：CSS display 容器顯示類型
• 影片連結：https://www.youtube.com/watch?v=J8FGOiRQ0ak

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html