CSS有序排列前面的序號，可以用來為網頁制作出非常美觀的效果。在一些需要有序編號的情況下，CSS有序排列就可以幫助我們快速地生成編號，同時也能夠為網頁添加統一、美觀的排版。

ol {
counter-reset: section;
list-style: none;
}
li {
counter-increment: section;
}
li:before {
content: counters(section, ".") ". ";
font-weight: bold;
margin-right: 5px;
}

在上面的代碼中，我們首先給ol元素設定了一個counter-reset屬性，這個屬性會將計數器初始化為0。接下來，每當有一個li元素出現時，counter-increment就會把計數器加1。最后，我們通過li:before來設置文本之外的內容，也就是序號。

在li:before中，我們使用了counters()函數，這個函數可以讓我們生成范圍內的數字序列。我們將section作為計數器的名稱，將"."作為分隔符，最后加上一個空格。這樣，我們就可以生成一個類似于1.、2.這樣的有序編號了。

最后，我們還可以通過其他的CSS屬性來修飾我們的有序編號，比如說改變字體、顏色等等。總之，有序排列對于網頁設計來說是非常重要的一部分，而使用CSS樣式可以輕松實現！