我覺得主要有2個作用，我目前接觸到的

1. 便于排版（滿足開發人員的各種需求）

2. 有些內聯元素，只有轉換，才可以設置寬高屬性

   越往后學，你會發現，其實轉不轉換都不是固定變的，后面的CSS樣式，都是根據實際需要寫的，你要什么效果，那就這么做。

   不必去特意記住什么時候轉換，你把原理弄清楚就可以了。

塊狀元素可以設置多個屬性，

表現為設置該屬性的內容獨占一行，

塊到內聯是為了使設置了該屬性的內容在同一行內可以和其他行內元素共存；

內聯元素只能編輯單一屬性，

表現為設置了該屬性的內容在同一行內可以和其他行內元素共存，

內聯到塊是為了使設置該屬性的內容獨占一行！

兩者之間相互轉化就是為了選擇是否獨霸一行。

塊到內聯：display：block

內聯到塊：display：inline

塊狀元素是獨占整行的

內聯元素是占用一行中的一小塊

轉換是因為排版的時候，塊級元素與內聯元素需要在同行放置，

圖片文字的排版