在CSS中，我們可以使用@media規(guī)則來添加不同的樣式規(guī)則。@media規(guī)則用于根據(jù)不同的設(shè)備或視口大小應(yīng)用不同的樣式，下面是一個簡單的例子，展示了如何在CSS中添加@media規(guī)則：

@media (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
@media (min-width: 601px) {
  body {
    background-color: lightgreen;
  }
}

在這個例子中，我們根據(jù)視口寬度來應(yīng)用不同的背景顏色，當視口寬度小于或等于600px時，背景顏色為淺藍色；當視口寬度大于600px時，背景顏色為淺綠色。

除了@media規(guī)則，我們還可以使用CSS中的其他規(guī)則來添加樣式，

- 使用選擇器來選擇要應(yīng)用樣式的元素。p { color: red; }會將所有段落的文字顏色設(shè)置為紅色。

- 使用屬性來定義樣式。div { width: 200px; height: 100px; }會將所有div元素的寬度設(shè)置為200像素，高度設(shè)置為100像素。

在CSS中添加規(guī)則的方法有很多種，具體使用哪種方法取決于你的需求和設(shè)計目標，通過學(xué)習(xí)和實踐，你可以掌握這些規(guī)則并創(chuàng)建出精美的網(wǎng)頁。