-
塊級標簽
如果兩個同樣的標簽寫在一起，出現在不同的行上面，這種就是塊級標簽
常見的塊級標簽：
<h1-h6></h1-h6>，<p></p>，<div></div>
（需特別注意）塊級標簽的特點：
占據整行，自帶換行效果。除了div以外，一般塊級標簽都會有內外邊距，寬度和高度。
塊元素標簽示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>標題1</h1> <h1>標題2</h1> </body> </html> 輸出大概如下： 標題1 標題2
-
內聯標簽
如果兩個同樣的標簽寫在一起，出現在同一行上面，這種就是內聯標簽
常見的內聯標簽：
<span></span>，<a></a>，<img/>
注意：在內聯標簽中，有一個標簽，img標簽，是有邊距和寬度和高度的，叫行內塊級標簽。
（需特別注意）內聯標簽的特點：
- 不會占據多余面積。
- 沒有內外邊距，但是可以通過css來設置內邊距，但是設置外邊距只能設置左右外邊距，不能設置上下邊距，即使設置了也無效！
- 沒有寬度和高度，css設置也無效！
- 注意img標簽和塊級標簽一樣，有邊距和寬高！所以img標簽又叫行內塊級標簽。
影響：
使用text-align對標簽內容進行對齊方式的顯示，如果是在行內元素和行內塊級元素上面，可能看不出效果。
原因是，行內元素沒有寬高，行內元素的寬高全部來自於內容的長度和高度。
行內塊級元素默認也是沒有設置寬高，但是行內塊級元素可以設置寬度和高度。一旦設置了寬高以后，只要有剩余空間就可以看到對齊方式的效果。
內聯元素標簽示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="https://www.baidu.com" target="_blank">百度</a> <a href="https://www.qq.com" target="_blank">騰訊</a> </body> </html> 輸出大概如下： 百度 騰訊 （均為超鏈接）
-
在css中可以通過display 對標簽的顯示特性[顯示模式]進行設置，值有4種：
1. block，以塊狀標簽進行顯示
2. inline，以內聯標簽進行顯示
3. inline-block，以塊狀內聯標簽進行顯示 ，類似圖片這樣的，一行可以有多個，同時具有寬高，內外邊距。
4. none，以隱藏標簽進行顯示[隱藏起來的標簽]，類似<input type="hidden" >