HTML與CSS的關(guān)聯(lián)及樣式應(yīng)用

HTML與CSS是網(wǎng)頁(yè)設(shè)計(jì)的兩大基石，HTML用于構(gòu)建網(wǎng)頁(yè)的結(jié)構(gòu)，而CSS則用于美化這些網(wǎng)頁(yè)，在HTML中，我們可以通過(guò)多種方式外接CSS類(lèi)，以實(shí)現(xiàn)豐富的樣式效果。

一、內(nèi)聯(lián)樣式

在HTML元素中，我們可以使用style屬性直接添加CSS樣式，這種方式稱(chēng)為內(nèi)聯(lián)樣式。

```html

這是一段紅色的文本。

```

二、外部樣式表

我們可以將CSS樣式寫(xiě)在一個(gè)單獨(dú)的.css文件中，然后在HTML文件中通過(guò)link元素引入這個(gè)樣式表。

```html

```

在styles.css文件中：

```css

p {

color: red;

```

三、導(dǎo)入樣式表

除了使用link元素引入樣式表外，我們還可以使用@import指令在HTML文件中導(dǎo)入樣式表。

```html

```

在styles.css文件中：

```css

p {

color: red;

```

四、應(yīng)用類(lèi)名

在HTML中，我們可以使用class屬性為元素添加類(lèi)名，然后在CSS中定義這個(gè)類(lèi)名的樣式。

```html

這是一段文本。

```

在CSS中：

```css

.my-class {

color: red;

```

通過(guò)以上方式，我們可以將HTML與CSS緊密地結(jié)合起來(lái)，實(shí)現(xiàn)豐富多彩的網(wǎng)頁(yè)樣式。