創建 CSS 規則是前端開發中的一項基本技能，本文將介紹在創建 CSS 規則時需要遵循的步驟。

在編寫 CSS 代碼之前，首先需要確定選擇器，即要應用樣式的 HTML 元素。選擇器可以是元素名稱、類名、ID 等，例如：

p { /* 元素名稱 */ }
.class-name { /* 類名 */ }
#id-name { /* ID */ }

在確定好選擇器之后，接下來就是編寫樣式規則，格式如下：

選擇器 { 屬性名稱: 屬性值; }

例如，為 p 元素添加顏色屬性，代碼如下：

p { color: red; }

可以同時為一個選擇器添加多個屬性，例如：

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

如果要為多個選擇器添加相同的屬性，可以使用逗號分隔，例如：

h1, h2, h3 {
color: blue;
}

如果要為不同狀態的元素應用不同的樣式，可以使用偽類選擇器，例如：

a:hover { /* 鼠標懸停狀態 */ }
input:focus { /* 獲得焦點狀態 */ }

在編寫 CSS 規則時，需要注意選擇器的具體嵌套關系，確保規則的正確性與有效性。