一、行內元素和塊級元素
1.1、塊級元素（block）：
它獨占一行；
它的寬高可以設置；
默認時，寬度是100%；
例如：<div>、<h1-h6>、<ul>、<ol> 、<li>等。
1.2、行內元素（inline）：
它的寬度由內容決定，高度有內容字體大小決定；
它不可以設置寬高；
它可以和其他的行內元素位於同一行；
例如：<span>、<label>、<i>、<e>等。
1.3、行內塊級元素（inline-block）：
它即可以和其他的行內元素位於同一行，
元素的寬高及與邊的間距都可以設置；
例如：<input>、<img>、<select>等。
二、塊級元素、行內元素、行內塊級元素轉換
2.1、display：block；轉換成塊級元素。
2.2、display：inline；轉換成行內元素。
2.3、display：inline-block；轉換成行內塊級元素。