CSS控制div的方法

CSS（層疊樣式表）是一種用于描述HTML或XML（包括如SVG、MathML等衍生技術(shù)）文檔樣式的計算機(jī)語言，在web開發(fā)中，我們經(jīng)常使用div元素來劃分頁面結(jié)構(gòu)，那么如何控制div的樣式呢？

一、通過內(nèi)聯(lián)樣式控制div

內(nèi)聯(lián)樣式是直接應(yīng)用在HTML元素上的樣式，它的優(yōu)先級***高，你可以通過style屬性來直接給div元素添加樣式。

```html

```

二、通過內(nèi)部樣式表控制div

內(nèi)部樣式表是寫在HTML文檔內(nèi)部的樣式表，它的優(yōu)先級低于內(nèi)聯(lián)樣式，你可以通過style元素來定義內(nèi)部樣式表，然后給div元素應(yīng)用這些樣式。

```html

```

三、通過外部樣式表控制div

外部樣式表是寫在HTML文檔外部的樣式表，它的優(yōu)先級***低，你可以通過link元素來引入外部樣式表，然后給div元素應(yīng)用這些樣式。

```html

```

在styles.css文件中：

```css

.red-div {

color: red;

font-size: 20px;

```

四、總結(jié)

通過內(nèi)聯(lián)樣式、內(nèi)部樣式表和外部樣式表，我們可以輕松地控制div元素的樣式，在實(shí)際開發(fā)中，我們通常會根據(jù)需求選擇使用哪種方式，如果需要快速調(diào)試或臨時修改樣式，內(nèi)聯(lián)樣式可能更方便；如果樣式表較大或需要復(fù)用，則外部樣式表可能更合適。