有HTML源碼的情況下如何搞CSS

在擁有HTML源碼的情況下，我們可以通過(guò)以下步驟來(lái)添加CSS：

1. 內(nèi)部樣式表：在HTML文件中，可以通過(guò)``之間，即可為HTML文檔添加樣式。

```html

```

2. 外部樣式表：可以將CSS代碼寫(xiě)在一個(gè)單獨(dú)的CSS文件中，然后通過(guò)HTML文檔的``標(biāo)簽來(lái)引入，假設(shè)我們有一個(gè)名為`styles.css`的文件，可以這樣引入：

```html

```

在`styles.css`文件中，我們可以這樣定義樣式：

```css

body {

background-color: lightblue;

h1 {

color: navy;

```

3. 內(nèi)聯(lián)樣式：在HTML元素中，可以直接使用`style`屬性來(lái)添加CSS樣式，這種方式適用于單個(gè)元素的樣式定義。

```html

這是一段紅色的文本。

```

在使用CSS時(shí)，要確保CSS規(guī)則與HTML元素相匹配，并且遵循CSS的優(yōu)先級(jí)規(guī)則（即外部樣式表優(yōu)先級(jí)高于內(nèi)部樣式表，內(nèi)部樣式表優(yōu)先級(jí)高于內(nèi)聯(lián)樣式），這樣可以確保樣式的正確應(yīng)用。