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

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

2. 有些內(nèi)聯(lián)元素，只有轉換，才可以設置寬高屬性

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

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

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

表現(xiàn)為設置該屬性的內(nèi)容獨占一行，

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

內(nèi)聯(lián)元素只能編輯單一屬性，

表現(xiàn)為設置了該屬性的內(nèi)容在同一行內(nèi)可以和其他行內(nèi)元素共存，

內(nèi)聯(lián)到塊是為了使設置該屬性的內(nèi)容獨占一行！

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

塊到內(nèi)聯(lián)：display：block

內(nèi)聯(lián)到塊：display：inline

塊狀元素是獨占整行的

內(nèi)聯(lián)元素是占用一行中的一小塊

轉換是因為排版的時候，塊級元素與內(nèi)聯(lián)元素需要在同行放置，

圖片文字的排版