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