CSS規(guī)則是網(wǎng)頁中用來控制樣式的代碼，使用起來非常方便。我們可以通過調(diào)用CSS規(guī)則來改變網(wǎng)頁元素的顏色、大小、位置等等。下面我們來學(xué)習(xí)一下如何調(diào)用CSS規(guī)則。

/* 在CSS中，調(diào)用規(guī)則通常是通過選擇器來實(shí)現(xiàn)的 */
selector {
property: value;
}
/* 選擇器可以是標(biāo)簽、class、id等等 */
p {
color: red;
}
/* 上面這個規(guī)則會將所有p標(biāo)簽的文本顏色設(shè)為紅色 */

在調(diào)用CSS規(guī)則時，我們可以使用不同的選擇器來選擇不同的網(wǎng)頁元素。例如：

/* 選擇class為container的元素，并將其背景顏色設(shè)為灰色 */
.container {
background-color: gray;
}
/* 選擇id為header的元素，并將其字號設(shè)為24px */
#header {
font-size: 24px;
}
/* 選擇所有button元素，并將其邊框設(shè)為藍(lán)色 */
button {
border: 1px solid blue;
}

除了選擇器外，我們還可以在CSS規(guī)則中設(shè)置不同的屬性和值，以達(dá)到不同的樣式效果。例如：

/* 將所有h1元素的文字居中 */
h1 {
text-align: center;
}
/* 將所有img元素的寬度設(shè)為50% */
img {
width: 50%;
}
/* 將所有a元素的文本顏色設(shè)為綠色 */
a {
color: green;
}

通過調(diào)用CSS規(guī)則，我們可以靈活地控制網(wǎng)頁中各個元素的樣式，讓網(wǎng)頁更加美觀、易讀、易用。