指可以一起在一行內顯示的標籤
常見的行盒標籤：
span、strong、em、i、img、video、audio
行盒特點：
盒子沿著內容沿伸
在不設定寬度情況下，content區域的長度隨內容長度變化
行盒不能設定寬高
調整行盒的高，應該使用字型大小、行高、字型型別，間接調整，不能直接設定hight值。
內邊距（填充區）
可以設定側面的padding值，上下的padding不會實際占用空間。
邊框水平方向有效，垂直方向不會實際佔據空間。
外邊距水平方向有效，垂直方向不會實際佔據空間。
注意：1，行盒的定位體系一定是常規流，如果設定其他體系，display值會變為block。
2，碰到浮動元素和塊盒時會考慮其存在（避讓）
指單獨佔一行的標籤
常見的行盒標籤：
語義化標籤、div
塊盒特點：
可以設定content區域的寬高可以自定義設定。
可以設定內邊距（padding）區域的大小。
可以設定邊框（border）的值
可以設定外邊距（margin）區域的大小
注意：1，塊盒會無視浮動的存在，即碰到浮動時不考慮浮動的尺寸、位置，直接占用其位置。
2，設定其內邊距的大小可以影響邊框的大小，設定外邊距不會影響邊框大小。
既有行盒特點又有塊盒特點
設定方法：display：inline-block；
特點：1，可以多個標籤在一行顯示。
2，可以對其設定寬、高值。
3，錘子方向padding、border、margin值有效。
4，可以包含塊級元素。
5，可以建立bfc。
CSS盒模型,元素分類,
在講解css布局之前，我們需要提前知道一些知識，在css中，html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和內聯塊狀元素。常用的塊狀元素有 盒子模型的邊框就是圍繞著內容及補白的線，這條線你可以設定它的粗細 樣式和顏色 邊框三個屬性 如下面 為 div 來設定邊框粗細...
CSS 元素分類與盒模型
元素分類 在css中，html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和 內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 塊級元素 在html中 和 就是塊級元素。設定display block 就是將元素顯示為塊級元素。如下 就是將內聯元素a...
標準盒模型 怪異盒模型 彈性盒模型
box sizing content box 標準盒模型 標準盒模型總寬度 border2 padding2 content box sizing border box 怪異模式 怪異盒模型的總寬度 width margin 左右 width已經包含了padding和border值 flex dir...