CSS（層疊樣式表）是一種用于網(wǎng)頁(yè)布局和設(shè)計(jì)的編程語(yǔ)言，它可以使網(wǎng)頁(yè)有更加美觀的外觀和更好的用戶(hù)體驗(yàn)。想要使CSS代碼生效，就需要將它們應(yīng)用到HTML（超文本標(biāo)記語(yǔ)言）文檔中。但是如何將CSS代碼與HTML結(jié)合起來(lái)呢？
<!DOCTYPE html>
<html>
<head>
<title>CSS與HTML</title>
<style>
/* 這里是CSS代碼 */
body {
background-color: #f3f3f3;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
text-align: center;
}
p {
color: #666;
font-size: 18px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>CSS與HTML</h1>
<p>這是一個(gè)使用CSS樣式的段落。</p>
</body>
</html>如上所述，要將CSS與HTML結(jié)合起來(lái)，需要在HTML文檔的<head>標(biāo)簽中添加<style>標(biāo)簽，并將CSS代碼寫(xiě)在其中。在上面的示例中，我們定義了顏色、字體、文字大小等多個(gè)CSS屬性，并將它們應(yīng)用到HTML中的不同元素中。例如，將p元素的文本顏色設(shè)置為hex值#666。
在HTML文檔的主體部分，我們將HTML標(biāo)記用來(lái)創(chuàng)建網(wǎng)頁(yè)的內(nèi)容。在這個(gè)例子中，我們創(chuàng)建了一個(gè)h1元素和p元素，這是HTML中的兩個(gè)基本標(biāo)記，用于創(chuàng)建標(biāo)題和段落。
最后，當(dāng)我們將這個(gè)HTML文檔保存為一個(gè)文件，并在瀏覽器中打開(kāi)它時(shí)，瀏覽器會(huì)讀取這個(gè)文件，并根據(jù)HTML和CSS代碼將網(wǎng)頁(yè)渲染出來(lái)，使我們看到的美麗的網(wǎng)站。這是如何使用CSS讓HTML文檔變得更加美觀和可讀的方法。