在CSS中，每個元素具有默認的盒模型。盒模型由內邊距、邊框、外邊距和內容區域組成。

.box {
width: 100px;
height: 100px;
background-color: #ccc;
border: 1px solid #000;
padding: 10px;
}

在默認情況下，塊級元素在頁面上占用一整行，并且其寬度可以設置為100%。而行級元素則不會占用一個完整的行，并且其寬度僅取決于其內容的大小。

有時候，我們可能需要將一個塊級元素轉化為行級元素，或者一個行級元素轉化為塊級元素。這個過程可以通過CSS的display屬性實現。

將塊級元素轉化為行級元素：

.box {
display: inline;
}

將行級元素轉化為塊級元素：

.box {
display: block;
}

此外，我們還可以使用display屬性將元素轉化為inline-block，使得該元素既擁有塊級元素的特性，也具備行級元素的特性。

.box {
display: inline-block;
}

總之，使用CSS的display屬性可以方便地將塊級元素轉化為行級元素，或者將行級元素轉化為塊級元素，同時也能實現inline-block布局。這為我們的頁面布局帶來了更多靈活性。