目錄： 1.基本元素分類常識(shí)

一、元素分類：行內(nèi)元素，行內(nèi)塊元素、塊級(jí)元素

1.行內(nèi)元素（內(nèi)聯(lián)元素）：span,a,b,i,u,textarea,input,select,img,

特征：

• (1)寬高weight,height值無(wú)效；
• (2)對(duì)margin僅左右有效，上下無(wú)效；padding上下左右都有效；但是上下只是撐大了空間，并沒(méi)有邊距效果；
• (3)不會(huì)自動(dòng)進(jìn)行換行；
• (4)寬高是由本身內(nèi)容的大小決定（文字、圖片等）;
• (5)只能容納文本或者其他行內(nèi)元素（此處請(qǐng)注意，不要在內(nèi)聯(lián)元素中嵌套塊級(jí)元素）

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

特征：

• (1)隨意設(shè)置寬高；
• (2)margin和padding的上下左右均對(duì)其有效；
• (3)會(huì)自動(dòng)換行；
• (4)多個(gè)塊狀元素標(biāo)簽寫(xiě)在一起，默認(rèn)排列方式為從上至下
• (5)在不設(shè)置寬度的情況下，塊級(jí)元素的寬度是它父級(jí)元素內(nèi)容的寬度；
• (6)在不設(shè)置高度的情況下，塊級(jí)元素的高度是它本身內(nèi)容的高度；

3.行內(nèi)塊狀元素

(1)display:inline;轉(zhuǎn)換為行內(nèi)元素 (2)display:block;轉(zhuǎn)換為塊狀元素 (3)display:inline-block;轉(zhuǎn)換為行內(nèi)塊狀元素 復(fù)制代碼

特征：

• (1)不自動(dòng)換行;
• (2)能夠識(shí)別寬高;
• (3)默認(rèn)排列方式為從左到右;

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。