標籤的型別（顯示模式）

    HTML標籤一般分為三種類型，1.塊標籤（塊元素） 2.行內標籤（行內元素）3.行內塊標籤（行內塊元素）

1.      塊標籤（塊元素）：         1.追常見的塊標籤：<h1>-<h6>,<div>,<p>,<ul>,<ol>,<li>,最典型的塊標籤是div         2.塊標籤特性：1.塊標籤通常會獨佔一行或多行 .2.寬度預設值100% 3.塊標籤可以設定高度，寬度，行高，內邊距，外邊距等。4.可以容納其他的塊元素或者行內元素。
2.  行內標籤（行內元素）：         1.常見的行內標籤:<a>,<strong>,<b>,<em>,<i>,<del>,<s>,<u>,<ins>,<span>,最典型的的span。         2.行內標籤的特性：1.和相鄰的行內元素會在一行.2.設定寬高沒有效果，但是水平方向的內邊距和外邊距可以設定。3.預設寬度就是它本身的文字內容的寬度。4.行內元素只能容納文字或者其他行內元素。
3.  行內塊標籤（行內塊元素）：  1.常見的行內塊元素：<img>,<input>,<td>2.行內塊元素的特性：1.行內塊元素會和相鄰的行內塊元素或者行內元素在一行。2.預設寬度就是它文字內容。3.寬高，外邊距和內邊距都可以設定。

轉換方式

1.把塊元素轉換成行內元素              display: inline;

2. 把行內元素轉化成塊元素              display: block;

3. 行內元素轉換成行內塊元素             display: inline-block;