在網頁設計和開發過程中，CSS（層疊樣式表）扮演著重要的角色。通過 CSS 我們可以控制 HTML 頁面的樣式。而在 CSS 中，我們使用樣式代碼來實現對網頁元素的樣式控制。

p {
color: red;
font-size: 20px;
font-weight: bold;
}

以上代碼段展示了一個簡單的 CSS 樣式代碼段。我們可以看到，CSS 樣式代碼采用鍵值對（key-value）的方式來控制網頁元素的樣式。代碼段中的p即為要應用樣式的 HTML 元素，例如要為所有的段落元素添加樣式，我們就可以使用p選擇器。而花括號內的內容則是我們想要為該元素設置的樣式屬性和值，例如在上述代碼段中，color屬性被設置為red，表示段落文字顏色為紅色。

#container {
width: 800px;
margin: 0 auto;
background-color: #f5f5f5;
}

另一個常用的 CSS 樣式代碼段如上所示。該代碼段使用了#選擇器，表示要為網頁中的 id 為 container 的元素（例如一個 div）添加樣式。我們可以看到，該元素的寬度被設置為800px，這意味著在瀏覽器中顯示該元素時會占據橫向 800 像素的空間。代碼段中也使用了margin屬性，它的作用是設置元素的外邊距（margin），值為0 auto表示元素在橫向上保持居中。此外，該元素的背景色被設置為淺灰色（#f5f5f5）。

在網頁開發中，了解和熟練掌握常用的 CSS 樣式代碼，對設計和開發高質量的網頁非常有幫助。