作為前端開發的一部分，CSS（層疊樣式表）是一個必不可少的技能。CSS規則用于定義HTML元素的樣式，包括字體、顏色、布局和更多。以下是一些CSS規則的解釋：

selector {
property: value;
}

在上面的規則中，選擇器指的是要應用樣式的HTML元素。屬性是要更改的樣式屬性（如字體大小），而值是要應用的屬性值（如16px）。下面是一個實際的例子：

p {
font-size: 16px;
}

在這個例子中，p元素是選擇器，而font-size是屬性，16px是值。

除了簡單的選擇器，我們還有一些復雜的選擇器，如類選擇器，ID選擇器和后代選擇器。

類選擇器使用點“.”作為前綴，后跟類名，如：

.class {
property: value;
}

在HTML元素中，你可以像這樣使用類：

<div class="class">This is a div element</div>

這將給div元素添加.class樣式。

ID選擇器使用#作為前綴，后跟ID名稱：

#id {
property: value;
}

在HTML元素中，你可以像這樣使用ID：

<div id="id">This is a div element</div>

這將為div元素添加id樣式。

后代選擇器使用空格分隔選擇器。例如，要選擇父元素中的所有子元素，可以使用：

.parent .child {
property: value;
}

這將選擇.parent元素的所有子元素并應用樣式。

當你了解了一些基本的CSS規則后，你可以開始探索更多的屬性和值，如顏色、邊框、背景和布局。CSS是一個非常強大的工具，可以讓你的網站看起來更好、更有吸引力。