我們在構造頁面時，會發現有的元素是上下排列的，而有的則是橫向排列的，這是為啥子呢
看看上圖，我們也沒給他設定啥子屬性咋就不一樣了，其實是因為每個元素都有預設的 display 屬性，比如 div 標籤的預設 display 屬性是 block，我們通常稱這類元素為塊級元素；span 標籤的預設 display 屬性是 inline，我們通常稱這類元素為行內元素
我們可以看到塊級元素總是獨佔一行，從上到下顯示，行內元素則是從左到右顯示。這是因為塊級元素前後有換行符，而行內元素前後沒有換行符。除此之外，塊級元素和行內元素還有其他的區別和特性
塊級元素：
等。
行內元素：
細心的你可能會發現，給 img 標籤設定寬高是可以影響大小的，這是因為 img 是可替代元素，可替代元素具有內在的尺寸，所以寬高可以設定。html 中的 input、button、textarea、select 都是可替代元素，這些元素即使是空的，瀏覽器也會根據其標籤和屬性來決定顯示的內容。
行內元素 塊級元素和行內塊級元素
而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效，只有左右有效果 總是和相鄰的行內元素在同一行上，預設排列方式...
CSS塊級元素和行內元素
塊元素一般都從新行開始，它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊元素比較特殊，它只能用來容納其他塊元素。如果沒有css的作用，塊元素會順序以每次另起一行的方式一直往下排。而有了css以後，我們可以改變這種html的預設布局模式，把塊元素擺放到你想要 的位置上去。而不...
CSS塊級元素和行內元素
1.寬高 width 數值 height 數值 也可用百分比！長高的設定不會被後代繼承 2.背景 1 背景顏色 background color 顏色值 元素的背景顏色預設為transparent background color 不會被後代繼承。2 背景 使用background image 屬性...