CSS規則是在網頁設計中非常重要的一項技能。而在CSS規則中，最主要的兩個要素應該是選擇器和屬性。下面分別對選擇器和屬性進行介紹。

選擇器：

CSS中選擇器是用來指定哪些 HTML 元素應該被與之對應的 CSS 樣式。選擇器可以通過標簽名、類名、ID、屬性、偽類和偽元素等方式進行指定。

常見的CSS選擇器有：

• 標簽選擇器（如p、div等）
• 類選擇器（如class="example"）
• ID選擇器（如id="example"）
• 屬性選擇器（如[type="text"]）
• 偽類選擇器（如:hover）
• 偽元素選擇器（如::before）

通過選擇器的使用，我們可以指定需要樣式化的HTML元素，并為其添加一些視覺效果。

屬性：

CSS屬性是用來規定HTML元素的樣式。CSS屬性可以用在選擇器之后，并用花括號括起來，語法格式如下：

選擇器{
屬性：屬性值;
}

比如，我們可以通過以下CSS規則為所有段落指定顏色和字體大小：

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

常見的CSS屬性有：

• 顏色相關屬性（如color、background-color等）
• 文本屬性（如font-size、text-align等）
• 邊框屬性（如border、border-radius等）
• 布局屬性（如width、height等）

通過使用屬性，我們可以為HTML元素指定不同的樣式，實現多彩多樣的網頁設計。