塊與內聯（基礎的）

 

對於的一些我的理解：

塊級元素

首先塊級元素是用block表示的，它具有如下特色：

1.塊老是在新行上開始，且佔據了一整行的空間寬度（通常狀況下；

2.高度與寬度能夠使用width、height，行高以及頂和底邊距均可控制；

3.塊級元素能夠經過margin、padding調整位置，固然還有其餘定位的方法；

4.通常的塊級元素有如下這些：<div>, <p>, <h1>, <form>, <ul> 和 <li>等；

 

內聯元素

1.它與塊級元素相反，和其餘元素都在一行上；

2.它的高，行高及頂和底邊距不可改變（如圖）它的寬度就是它的文字或圖片的寬度；

3.通常的塊級元素有如下這些：<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素等；

塊與內聯的互相轉化：

通常使用display來將塊與內聯進行裝換，有兩種表示都行：

1.將塊變爲內聯（在css中）：display：block；或是display:block-line;

2.將內聯變爲塊（在css中）：display：line；或是display:line-block;