在前端開發(fā)中，CSS（層疊樣式表）是不可或缺的技術(shù)之一，它可以幫助我們對(duì)頁(yè)面進(jìn)行樣式設(shè)計(jì)，使得頁(yè)面更加美觀和易于使用。那么CSS規(guī)則由哪三部分組成呢？

1. 選擇器

選擇器是CSS規(guī)則的第一部分，它指定了要樣式化的HTML元素。在選擇器中，我們可以使用HTML元素的標(biāo)簽名稱、類名、id名稱、屬性名等進(jìn)行指定。例如，我們可以使用以下的CSS規(guī)則，把所有p標(biāo)簽的文本顏色都設(shè)置為紅色：

p {
color: red;
}

2. 屬性

屬性是CSS規(guī)則的第二部分，它指定了要對(duì)指定的HTML元素設(shè)置的具體樣式。在屬性中，我們可以使用顏色、字體大小、背景圖像、邊框等多種屬性進(jìn)行設(shè)置。例如，我們可以使用以下的CSS規(guī)則，把所有p標(biāo)簽的背景顏色設(shè)置為黃色：

p {
background-color: yellow;
}

3. 值

值是CSS規(guī)則的第三部分，它指定了屬性要設(shè)置的具體數(shù)值或內(nèi)容。在值中，我們可以使用十六進(jìn)制顏色、像素值、百分比、字符串等多種類型的數(shù)值進(jìn)行設(shè)置。例如，我們可以使用以下的CSS規(guī)則，把所有p標(biāo)簽的字體大小設(shè)置為20像素：

p {
font-size: 20px;
}

通過(guò)了解CSS規(guī)則由哪三部分組成，我們可以更好地理解CSS的使用方法，使得我們能夠更加靈活地對(duì)頁(yè)面進(jìn)行設(shè)計(jì)。同時(shí)，在實(shí)際使用過(guò)程中，我們還可以通過(guò)CSS預(yù)處理器（如Sass、Less等）來(lái)更加便捷地編寫CSS樣式。