HTML所有元素默認(rèn)分為三類核心區(qū)別體現(xiàn)在排版方式、寬高設(shè)置、邊距特性、默認(rèn)布局是CSS布局的基礎(chǔ)核心。1. 塊級(jí)元素block常見標(biāo)簽div、p、h1-h6、ul、ol、li、section、article、header、footer、form核心特性獨(dú)占一行默認(rèn)從上到下垂直排列寬度默認(rèn)100%繼承父級(jí)寬度可以設(shè)置 width、height、padding、margin上下左右全部生效可以嵌套塊級(jí)元素、行內(nèi)元素、行內(nèi)塊元素p標(biāo)簽除外p不能嵌套塊級(jí)2. 行內(nèi)元素inline常見標(biāo)簽span、a、em、strong、i、b、u、label核心特性不獨(dú)占一行從左到右水平排列自動(dòng)換行寬度高度默認(rèn)由內(nèi)容撐開無法手動(dòng)設(shè)置 width、heightpadding、margin僅左右生效上下無效只能嵌套行內(nèi)元素不能嵌套塊級(jí)元素3. 行內(nèi)塊元素inline-block常見標(biāo)簽img、input、button、select、textarea核心特性兼顧兩者優(yōu)點(diǎn)不獨(dú)占一行水平排列可以手動(dòng)設(shè)置 width、height、padding、margin上下左右全部生效默認(rèn)存在空白間距問題換行、空格導(dǎo)致可通過父級(jí) font-size:0 清除4. 三者核心區(qū)別對(duì)照表元素類型排列方式寬高設(shè)置邊距特性典型標(biāo)簽塊級(jí)元素獨(dú)占一行、垂直排列可設(shè)置寬高上下左右邊距全部生效div、p、h系列、section行內(nèi)元素同行排列、水平布局不可設(shè)置寬高僅左右邊距生效span、a、em、strong行內(nèi)塊元素同行排列、水平布局可設(shè)置寬高上下左右邊距全部生效img、input、button