在網頁設計中，常常需要用到 div 元素來進行頁面布局，其默認的情況下是從上往下依次排列。但是如果想要更加靈活地控制 div 的顯示順序及樣式，就需要使用 CSS 樣式表。

第一塊
第二塊
第三塊

上述代碼中，我們使用了 flex 布局來控制 div 的顯示方向，設置了flex-direction: column;，意味著 div 內部元素將從上往下排列。同時，我們給每個 div 設置了一個固定高度和寬度，并設置了底部的 margin，讓它們之間有一定的間距。

接下來，我們給每個 div 設置了不同的背景顏色，模擬出不同的模塊。

如果我們想要調整 div 的顯示順序，只需要調整對應的 HTML 代碼即可。

第三塊
第二塊
第一塊

如上代碼所示，只需要將第一塊和第三塊的代碼進行調換，就能得到不同的顯示順序。

總之，使用 CSS 樣式表來控制 div 的顯示順序和樣式可以讓網頁設計更加靈活和多樣化。