目錄： 1.基本元素分類常識

一、元素分類：行內元素，行內塊元素、塊級元素

1.行內元素（內聯元素）：span,a,b,i,u,textarea,input,select,img,

特徵：

• (1)寬高weight,height值無效；
• (2)對margin僅左右有效，上下無效；padding上下左右都有效；但是上下只是撐大了空間，並沒有邊距效果；
• (3)不會自動進行換行；
• (4)寬高是由本身內容的大小決定（文字、圖片等）;
• (5)只能容納文字或者其他行內元素（此處請注意，不要在內聯元素中巢狀塊級元素）

2.塊狀元素：div，h1~h6,ol-li,ul-li,dl,dd,dt,table,p,form,hr等等

特徵：

• (1)隨意設定寬高；
• (2)margin和padding的上下左右均對其有效；
• (3)會自動換行；
• (4)多個塊狀元素標籤寫在一起，預設排列方式為從上至下
• (5)在不設定寬度的情況下，塊級元素的寬度是它父級元素內容的寬度；
• (6)在不設定高度的情況下，塊級元素的高度是它本身內容的高度；

3.行內塊狀元素

(1)display:inline;轉換為行內元素
(2)display:block;轉換為塊狀元素
(3)display:inline-block;轉換為行內塊狀元素
複製程式碼

特徵：

• (1)不自動換行;
• (2)能夠識別寬高;
• (3)預設排列方式為從左到右;