目錄： 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)默認排列方式為從左到右;

總結

以上是生活随笔為你收集整理的开发常识 持续更新~~的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。