本文目錄導(dǎo)讀：

1. 基本語(yǔ)法
2. 多個(gè)div的樣式應(yīng)用
3. 樣式優(yōu)先級(jí)和繼承

多個(gè)div的CSS編寫方法

在Web開發(fā)中，使用多個(gè)div來(lái)布局和樣式化內(nèi)容是非常常見(jiàn)的，每個(gè)div都可以被視為一個(gè)獨(dú)立的容器，用于包含文本、圖像或其他HTML元素，為了更好地控制這些div的外觀和布局，我們需要使用CSS（級(jí)聯(lián)樣式表）來(lái)定義它們的樣式。

基本語(yǔ)法

CSS規(guī)則由兩部分組成：選擇器和聲明塊，選擇器用于指定要應(yīng)用樣式的HTML元素，而聲明塊則包含一條或多條聲明，用于定義元素的樣式。

如果我們有一個(gè)名為“container”的div，我們可以使用以下CSS規(guī)則來(lái)設(shè)置它的背景顏色和寬度：

#container {
  background-color: #f0f0f0;
  width: 800px;
}

多個(gè)div的樣式應(yīng)用

當(dāng)我們有多個(gè)div時(shí)，我們可以分別為它們編寫CSS規(guī)則，如果我們有兩個(gè)div，一個(gè)用于頭部（header），另一個(gè)用于主體（body），我們可以這樣寫：

#header {
  background-color: #ff0000;
  height: 100px;
}
#body {
  background-color: #00ff00;
  height: 2000px;
}

在這個(gè)例子中，頭部div的背景色設(shè)置為紅色，高度為100像素；主體div的背景色設(shè)置為綠色，高度為2000像素。

樣式優(yōu)先級(jí)和繼承

在CSS中，樣式的優(yōu)先級(jí)和繼承是一個(gè)重要的概念，更具體的選擇器（如ID選擇器）優(yōu)先級(jí)高于更通用的選擇器（如類選擇器或標(biāo)簽選擇器），子元素會(huì)繼承其父元素的樣式，但也可以被其自己的樣式規(guī)則覆蓋。

使用多個(gè)div來(lái)構(gòu)建Web頁(yè)面是非常靈活的，而CSS則為我們提供了強(qiáng)大的樣式控制能力，通過(guò)為每個(gè)div編寫適當(dāng)?shù)腃SS規(guī)則，我們可以輕松地定義頁(yè)面的外觀和布局，樣式的優(yōu)先級(jí)和繼承機(jī)制也為我們提供了更多靈活性和控制力。