CSS是前端開發中不可或缺的一部分，其中有一項功能是可以改變HTML中block的順序，讓網頁布局更加靈活。通過CSS里的屬性flex可以輕松實現這一點。
首先，在HTML中需要設置一個容器來包裹我們想要改變順序的block?？梢蕴砑右粋€div標簽，并為其設置一個class。

<div class="container">
<p>這是第一段</p>
<p>這是第二段</p>
<p>這是第三段</p>
</div>

然后，在CSS中設置.container的屬性，按照需要改變順序的方式進行排列。

.container {
display: flex;
flex-direction: row-reverse;
}

上述代碼中，display: flex告訴瀏覽器使用flexbox模式排布子元素，flex-direction: row-reverse通過將row（默認值）改為row-reverse，將子元素的順序進行了反轉。這意味著，現在第三段內容會先于第一段內容顯示。
除了row-reverse，還有其他幾個可選的值，如row、column、column-reverse等，它們可以實現不同方向的排列效果，讓網頁展現更豐富的布局。
總之，通過CSS的flex屬性，能夠讓HTML中的block按照不同的順序排列，實現更加靈活的網頁布局。