隨著互聯網的發展，CSS（層疊樣式表）已成為了網頁設計中必不可少的一部分。其中，開局序列號（Counter）是CSS中一個十分實用且常被忽略的屬性，它允許我們為內容中的某些元素添加序列號。

首先，我們需要在CSS樣式表中使用counter-reset屬性來為需要添加序列號的元素創建一個計數器，例如：

body {
counter-reset: section-counter;
}

以上代碼表示為body標簽創建了一個名為section-counter的計數器，并將其初始值設置為0。接下來，我們需要為需要添加序列號的元素（例如列表項）設置counter-increment屬性，例如：

li {
display: block;
counter-increment: section-counter;
}
li::before {
content: counter(section-counter) ". ";
font-weight: bold;
}

以上代碼中，我們為列表項li添加了counter-increment屬性，并在其前面使用了偽元素::before來顯示序列號。content屬性中的counter()函數表示獲取計數器的當前值，再后面加上自定義字符串（例如點號和空格）來顯示。

此外，我們還可以使用counter-reset和counter-increment來實現嵌套序列號，例如：

ol {
counter-reset: chapter-counter;
}
ol li {
display: block;
counter-increment: chapter-counter;
}
ol li::before {
content: counter(chapter-counter) ". ";
font-weight: bold;
}
ol ol {
counter-reset: section-counter;
}
ol ol li {
counter-increment: section-counter;
}
ol ol li::before {
content: counter(chapter-counter) "." counter(section-counter) " ";
font-weight: normal;
}

以上代碼實現了一個包含章節和小節的序列號效果，其中ol標簽代表章節，ol ol標簽代表小節。

綜上所述，開局序列號是一種非常實用的CSS屬性，它可以為網頁中的內容添加有序編號。通過設置計數器和使用偽元素，我們可以輕松地實現各種序列號效果。