CSS規(guī)則是用來(lái)控制網(wǎng)頁(yè)樣式的。在HTML中，我們可以使用標(biāo)簽來(lái)描述頁(yè)面的內(nèi)容，但是標(biāo)簽并不能直接描述頁(yè)面的樣式。而CSS就是為了控制這些樣式而產(chǎn)生的語(yǔ)言。

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

如上代碼中，p標(biāo)簽用來(lái)描述文本段落，color屬性控制文本的顏色為紅色，font-size屬性控制文本的字體大小為20像素。

除了控制文本樣式，CSS規(guī)則還可以用來(lái)控制元素的位置和布局。例如使用position屬性控制元素的定位方式，使用display屬性控制元素的顯示方式等等。

div {
position: relative;
top: 50px;
left: 50px;
display: flex;
justify-content: center;
align-items: center;
}

如上代碼中，div標(biāo)簽用來(lái)描述一個(gè)容器元素，使用position屬性將其定位為相對(duì)位置，使用top和left屬性將其移動(dòng)到相對(duì)于原位置的偏移量中，使用display屬性設(shè)置為flex布局方式，再使用justify-content和align-items屬性對(duì)其內(nèi)部元素進(jìn)行水平/垂直居中。

因此，CSS規(guī)則的作用在于用來(lái)控制和美化頁(yè)面的樣式，使頁(yè)面更加美觀和易讀。