關於html元素的分類可以說是前端裡面乙個比較重要的知識點了，面試中，我至少四次被問到了這部分的內容，這裡做一下簡單的總結。
第一種分類是分為塊級元素和行內元素：
塊級元素
常見的塊級元素：
特點：（1）塊級元素會獨佔一行
（2）寬度、行高、外邊距和內邊距都可以單獨設定
（3）寬度預設是容器的100%
（4）可以容納內聯元素和其他的塊級元素
行內元素
常見的行內元素：
特點：（1）和相鄰的行內元素在一行上
（2）高度和寬度無效，只可以設定水平上的padding和margin，垂直方向上的無效
（3）預設寬度就是起本身的寬度
（4）行內元素只能容納純文字或者是其他行內元素（a除外）
行內塊級元素
常見元素：
特點：（1）和相鄰行內元素（行內塊）在同一行上，但是中間會有空白的間隙
（2）預設寬度就是本身內容的寬度
（3）寬度，行高，內邊距與外邊距都是可以設定的
塊轉行內：display-inline；
行內轉塊：display：block；
塊，行內元素轉換為行內塊：display：inline-block
第二種分類是分為替換元素和非替換元素：
替換元素
根據元素內相關屬性不同，瀏覽器會有不同的解析展現
這些元素都是空元素，沒有實際內容
非替換元素
直率的元素，直接將內容展現給瀏覽器
行內替換元素
可以設定元素的尺寸和上下內外邊距
行內非替換元素
無法設定元素的尺寸和上下內外邊距
html元素的分類
一 html元素的分為塊級元素和行內元素 二 塊級元素和行內元素的特點 block 塊 元素的特點 總是在新行上開始 高度，行高以及外邊距和內邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度。它可以容納內聯元素和其他塊元素 inline元素的特點 和其他元素都在一行上 高和外邊距不可改變 ...
html的元素分類
在講解css布局之前，我們需要提前知道一些知識，在css中，html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 什麼是塊級元素？在html中 和 就是塊級元素。設定display block就是將元...
HTML元素的分類
1.塊級元素 display block 特點 常見塊級元素 常見的行內元素 input 3.行內塊元素 display inline block 使元素同時具有塊級元素和行內元素的特性 既可以設定長寬，可以讓padding和margin生效，又可以和其他行內元素併排 4.元素分類 元素可以有不同的...