CSS中將HTML標籤分爲哪幾種類型?
在CSS中，html中的標籤元素大體被分爲三種不同的類型：
塊狀元素、內聯元素(又叫行內元素)和內聯塊狀元素。
塊狀元素：display:block內聯元素：display:inline
常用的塊狀元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>
、<form>
內聯塊狀元素：display:inline-block
常用的內聯元素有：
<a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的內聯塊狀元素有：
<img>、<input>
行內元素和塊級元素的具體區別是什麼？inline-block是什麼？
一，行內元素與塊級元素的區別：
1.行內元素與塊級元素直觀上的區別二、行內元素與塊級元素的三個區別
行內元素會在一條直線上排列（默認寬度只與內容有關），都是同一行的，水平方向排列。
塊級元素各佔據一行（默認寬度是它本身父容器的100%（和父元素的寬度一致），與內容無關），垂直方向排列。塊級元素從新行開始，結束接着一個斷行。
2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素，只能包含文本或者其它行內元素。
3.行內元素與塊級元素屬性的不同，主要是盒模型屬性上：行內元素設置width無效，height無效(可以設置line-height)，margin上下無效，padding上下無效
二、行內元素和塊級元素轉換
display:block; (字面意思表現形式設爲塊級元素)
display:inline; (字面意思表現形式設爲行內元素)
三、inline-block
inline-block 的元素（如input、img)既具有 block 元素可以設置寬高的特性，同時又具有 inline 元素默認不換行的特性。當然不僅僅是這些特性，比如 inline-block 元素也可以設置 vertical-align（因爲這個垂直對齊屬性只對設置了inline-block的元素有效） 屬性。
HTML 中的換行符、空格符、製表符等合併爲空白符，字體大小不爲 0 的情況下，空白符自然佔據一定的寬度，使用inline-block 會產生元素間的空隙。