CSS規則是前端開發中最基本也最重要的部分之一。一條CSS規則由兩部分組成：選擇器和聲明塊。
首先，選擇器是用來匹配HTML元素的，可以是元素名、類名、ID或者其他屬性。比如說，下面的代碼就使用了類選擇器來選中一個class為“box”的div元素：

.box {
border: 1px solid black;
background-color: #ccc;
padding: 10px;
}

在這里，”.box”就是選擇器。它告訴瀏覽器，在HTML文檔中所有類名為“box”的div元素都應該應用這些樣式。
其次，聲明塊是由一系列的屬性和值組成的。這些屬性和值會作用于被選擇器選中的元素。比如上面的例子中，border、background-color和padding就是所謂的“屬性”，而值則是這些屬性所約束的具體的數值或者文本。
需要注意的是，在CSS規則中，每個屬性值對應一個分號；每個屬性和值組成的鍵值對要用大括號“{}”括起來。
總的來說，一條CSS規則如下所示：

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

在實際開發中，我們通常會使用眾多不同的選擇器和屬性來控制頁面的樣式。因此，理解CSS規則的兩個組成部分，可以讓我們更好地編寫、閱讀和修改CSS規則。