CSS（層疊樣式表）是用于描述HTML或XML等文檔外觀樣式的語言。它有一些基本規則，這些基本規則是在CSS中使用的最基本的結構。以下是CSS的一些基本規則：

1. 選擇器

選擇器用于選擇要應用樣式的HTML元素。它可以是元素名稱，類名稱，ID，屬性和偽類等。下面是一些選擇器的示例：

h1 {color: red;}
.container {width: 960px;}
#logo {margin-top: 20px;}
input[type="text"] {border: 1px solid #ccc;}
a:hover {text-decoration: underline;}

2. 聲明

聲明定義要應用的樣式。每個聲明包含一個屬性和一個值，用冒號（:）分隔。如果有多個聲明，則用分號（;）分隔。下面是一些樣式聲明的示例：

color: red;
font-size: 14px;
width: 500px;
border: 1px solid #ccc;
margin-top: 20px;

3. CSS盒模型

所有HTML元素都被視為一個矩形框，稱為盒子。CSS盒模型描述了這些框的屬性，包括邊距，邊框，填充和內容。下面是一個盒模型的示例：

.box {
width: 200px;
height: 200px;
margin: 20px;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
}

4. 媒體查詢

媒體查詢允許根據設備的不同屬性，如屏幕大小，方向和分辨率等，為不同的設備提供不同的樣式。下面是一個媒體查詢的示例：

@media screen and (min-width: 768px) {
.container {
width: 100%;
}
}

總結

這些是CSS的一些基本規則，它們是CSS編寫中必不可少的一部分。了解這些規則，并將它們正確地應用于您的樣式表中，將有助于您更有效地管理和控制HTML文檔的外觀。