在網(wǎng)頁設(shè)計(jì)中，CSS對于頁面布局和樣式的控制非常重要，而CSS的定義方式是通過規(guī)則來實(shí)現(xiàn)的。CSS規(guī)則由選擇器和聲明塊構(gòu)成，其中聲明塊包含一個或多個屬性-值對。

選擇器 { 屬性1: 值1; 屬性2: 值2; … }

下面分別介紹選擇器和聲明塊：

選擇器

CSS選擇器用來選中HTML文檔中的元素。常見的選擇器包括：

• 標(biāo)簽選擇器：選中指定標(biāo)簽元素。
• ID選擇器：選中指定ID的元素，使用“#”符號。
• 類選擇器：選中指定類名的元素，使用“. ”符號。
• 偽類選擇器：選中指定狀態(tài)下的元素，如:hover等。
• 屬性選擇器：選中標(biāo)簽具有指定屬性的元素。

例如：

p { color: red; }
#header { background-color: gray; }
.title { font-size: 18px; }
a:hover { text-decoration: underline; }
img[alt] { border: solid 1px black; }

聲明塊

聲明塊由一對大括號{}包含，里面包含一個或多個屬性-值對。屬性描述了要修改的樣式屬性，而值則指定了新樣式屬性的值。

例如：

p {
color: red;
font-size: 16px;
line-height: 1.5em;
}

在以上代碼中，p選擇器選中了所有段落元素，而聲明塊中的三個屬性都是針對段落元素樣式屬性的修改。

綜上所述，CSS定義規(guī)則包括選擇器和聲明塊。在選擇器中，我們可以通過標(biāo)簽、ID、類、偽類和屬性五種方式選中對應(yīng)的HTML元素；而在聲明塊中，則通過設(shè)置屬性-值對來修改對應(yīng)HTML元素的樣式屬性。熟練掌握CSS規(guī)則的使用，可以更加高效、靈活地控制HTML頁面的樣式。