web基礎（五）HTML 中的塊級元素、行內元素及行內塊級元素
一、塊級元素
每個塊級元素通常都會獨占一行或者是多行，可以對其單獨設置高度,寬度以及對齊等屬性。
常用的塊級元素：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 等。
特點：
- 塊級元素會獨占一行。
- 高度，行高，外邊距和內邊距都可以單獨設置。
- 寬度默認是容器的100%。
- 可以容納內聯元素和其他的塊級元素。
二、行內元素
行內元素（內聯元素）：不占有獨立的區域，僅僅依靠自己的字體大小或者是圖像大小來支撐結構。一般不可以設置寬度，高度以及對齊等屬性。
常用的行內元素：<a>,<strong>,<b>,<em>,<del>,<span>等
特點：
- 和相鄰的行內元素在一行上。
- 高度和寬度無效，但是水平方向上的padding和margin可以設置，垂直方向上的無效。。
- 默認的寬度就是它本身的寬度。
- 行內元素只能容納純文本或者是其他的行內元素（a標簽除外）。
注意：只有文字才能組成段落，因此類似<p>、<h1> ~ <h6>、<dt>等元素里面不能放塊級元素；因為它們都是文字塊級標簽，里面不能再存放其他的塊級標簽。<a> 元素中鏈接里面不能再存放鏈接。
三、行內塊級元素
在行內元素中有幾個特殊的標簽，<img/>、<input/>、<td/> 可以設置它們的寬高度以及對齊屬性
常用的行內塊元素：<img>、<input>。
特點：
- 和相鄰的行內元素（行內塊）在一行上，但是中間會有空白的間隙
- 默認的寬度就是本身內容的寬度
- 高度，行高，內邊距和外邊距都可以設置
四、元素之間的互換
使用 CSS 的 display 屬性可以轉換標簽的元素級別，其屬性有三種設置方式如下：
- block：把行內元素轉換成塊級元素。
- inline：把塊級元素准換成行內元素。
- inline-block：把元素轉換成行內塊元素。