在CSS中，我們可以將元素分為兩種：塊元素和行元素

塊元素：
div、h1、p、ul、li
行元素：
span、a、img

一個很明顯的區(qū)別就是，塊元素會占據(jù)一整行，而行內元素則不會。我們可以利用這個特性來實現(xiàn)頁面布局。

例如：
<div>這是一個塊元素</div>
<span>這是一個行元素</span>

另外一個不同之處是，塊元素可以設置寬度、高度、外邊距和內邊距，而行內元素則只能設置水平方向上的外邊距、內邊距和寬度。這是因為行內元素必須在一行上，不能打斷文本的流暢性。

例如：
div {
width: 100px;
height: 50px;
margin: 10px;
padding: 5px;
}
span {
padding: 2px;
margin-right: 10px;
width: 50px;
}

總結來說，塊元素和行內元素是CSS中兩種不同的元素類型。塊元素可以獨占一行，而行內元素則不能。塊元素可以設置寬度、高度、外邊距和內邊距，而行內元素則只能設置水平方向上的外邊距、內邊距和寬度。因此，在布局網頁時需要充分考慮元素的類型。