<h1>關於 Display </h1>

**display: block**
**block** (n.)一大塊 (v.)阻礙 (css.)區塊元素
從翻譯上可以發現它就是一大塊又會~~阻礙別人~~佔滿一行的屬性啊（？

複習一下會佔滿一行的標籤有哪些!

* `p`
* `ul li`
* `h1-h6`
* `div`
* `header`
* `nav`
* `main`
* `section`
* `aside`
* `article`

**＃重要且實用ㄉ概念：區塊元素寬度會跟隨父層寬度**
假設父層 .container 寬度為 990px
那麼子層 main 寬度也會是佔滿完整的 990px

**display: inline**
**inline** (adj.)同軸的、內嵌的 (css.)行內元素

不會佔滿一行的標籤
* `span`
* `a`
* `img`

**＃重要且實用ㄉ概念: 行內元素只能用內容還有內距去撐出寬高，硬下的不行（？**


**display: inline-block (！按鈕必加：增加點擊範圍)**
**inline+block：(css.)區塊元素 + (css.)行內元素 = ~~盎～~~ (css.)區塊行內元素**
(o) 不強制換行
(o) 可以寫寬高