這裡介紹html的顯示方式，塊元素(block)和行內元素(inline)
塊元素:物件獨佔一行，下個物件自動換行，能設寬高
行內元素:只會有物件本身的大小，與其他的行內元素同待一行，不能設定
如果不直觀的話來給它們加上背景色就清楚了
下面看到可以給塊元素設定寬高，但是行內元素不行，因為行內元素的大小限定在物件本身
介紹div和span他們分別代表了塊元素和行內元素
div用在將程式分成各個區塊，span則是包裹一小部分，像是強調文字的一小部分
另外可以看到被包裹的塊元素h2寬度只會填滿它的父元素div而不是整個螢幕
除了這兩種之外還有一個行內塊元素inline-block，它結合了塊元素和行內元素，可以和行內元素並排，大小隨物件本身，同時也能設置寬高
在css透過display來改變顯示模式
默認樣式
塊元素:H1~H6,p,div,ul li
行內元素:select,span
行內塊元素:img
iThome鐵人賽
看影片追技術