CSS中的元素主要分為三種：塊級元素、內聯元素和行內塊元素。其中，塊級元素在HTML中通常被作為一個段落，一個標題或一個獨立的信息塊來使用。而內聯元素則通常作為文本、圖片或鏈接等非獨立的內容使用。行內塊元素則可以看做是內聯元素和塊級元素的結合，同時具備它們兩者的特性。

.block{
display: block;
}

在CSS中，我們可以通過改變元素的display屬性來將元素從一種類型轉換成另一種類型。比如，我們可以將內聯元素設置為塊級元素，使其具備獨立顯示的功能。

span{
display: block;
}

同樣地，我們也可以將塊級元素設置為內聯元素，將其包裹在一段文本之中，使其不會獨自占據整行。

div{
display: inline;
}

除了內聯元素和塊級元素之外，我們還可以通過改變元素的display屬性將行內塊元素轉換成塊級元素或內聯元素。這樣做的好處是，我們可以更好地控制元素在布局中的位置和大小。

.inline-block{
display: block;
}

總之，在CSS中，我們可以通過改變元素的display屬性將其類型進行轉換，取得更好的頁面效果。而轉換的方法也十分簡單，只需要更改display屬性即可。