如何將CSS代碼嵌入HTML文檔中

在HTML文檔中使用CSS有多種方式，其中***常見的兩種是內(nèi)聯(lián)樣式和樣式表，內(nèi)聯(lián)樣式是直接給HTML元素添加樣式，而樣式表則是將樣式規(guī)則存儲在一個單獨(dú)的文件中，然后通過鏈接或?qū)氲紿TML文檔中。

內(nèi)聯(lián)樣式的使用方法是給HTML元素添加style屬性，然后在這個屬性中編寫CSS代碼，給段落添加背景顏色和字體大小：

<p style="background-color: lightblue; font-size: 20px;">這是一段文本。</p>

樣式表的使用方法是創(chuàng)建一個.css文件，然后將樣式規(guī)則存儲在這個文件中，通過link元素將樣式表鏈接到HTML文檔中：

<link rel="stylesheet" href="styles.css">

或者，使用import語句將樣式表導(dǎo)入到HTML文檔中：

@import url('styles.css');

在樣式表中編寫CSS代碼，

p {
  background-color: lightblue;
  font-size: 20px;
}

這個樣式規(guī)則會應(yīng)用到所有段落元素上，使它們的背景顏色變?yōu)榈{(lán)色，字體大小變?yōu)?0像素。

除了內(nèi)聯(lián)樣式和樣式表，還有其他使用CSS的方式，例如使用style元素將樣式規(guī)則添加到HTML文檔的頭部，或者使用@media規(guī)則編寫媒體查詢等，這些用法可以根據(jù)具體需求進(jìn)行選擇和使用。