CSS（Cascading Style Sheets，層疊樣式表）是一種用于網(wǎng)頁(yè)制作的語(yǔ)言，它可以將HTML網(wǎng)頁(yè)的外觀與布局進(jìn)行控制。而樣式規(guī)則則是CSS中的一個(gè)基本概念，用于定義元素的樣式。

.selector {
property1: value1;
property2: value2;
...
}

樣式規(guī)則由以下三個(gè)部分組成：

• 選擇器：確定哪些HTML元素將被樣式應(yīng)用。
• 屬性：定義要設(shè)置的樣式屬性，例如字體大小、顏色和背景顏色等。
• 值：將屬性設(shè)置為指定的值，例如將字體大小設(shè)置為12像素。

選擇器指定要應(yīng)用樣式的元素，并可以是元素的名稱（例如h1），類名（例如 .myclass），ID（例如 #myid）或其他選擇器（例如:last-child）。

/* 標(biāo)簽選擇器 */
h1 {
color:red;
}
/* 類選擇器 */
.myclass {
color:blue;
}
/* ID 選擇器 */
#myid {
color:green;
}
/* 組合選擇器 */
p.myclass {
font-size:18px;
}
/* 偽類選擇器 */
a:hover {
text-decoration:none;
}

屬性是應(yīng)用于元素的樣式屬性，例如顏色、字體大小和背景顏色等。每個(gè)屬性都有一個(gè)可能的值列表。

/* 顏色 */
color: red;
/* 背景顏色 */
background-color: blue;
/* 字體大小 */
font-size: 20px;
/* 邊框 */
border: 1px solid black;

最后，值是每個(gè)屬性的可接受值。值可以是數(shù)字、尺寸、顏色值、關(guān)鍵字或其他有意義的值。

/* 數(shù)字 */
font-size: 16;
/* 尺寸 */
width: 20px;
/* 顏色 */
color: #fff;
/* 關(guān)鍵字 */
background-color: white;
/* 其他 */
border: dotted;

通過使用這三個(gè)部分，可以創(chuàng)建樣式規(guī)則來定義元素在網(wǎng)頁(yè)上的外觀和布局。