CSS（Cascading Style Sheets，層疊樣式表）是網(wǎng)頁設(shè)計與制作中不可缺少的一部分。通過 CSS，我們可以為網(wǎng)頁設(shè)置不同的樣式，從而美化頁面并增強(qiáng)用戶體驗。在編寫 CSS 文件時，有兩種常用的樣式引用類型：內(nèi)部樣式和外部樣式。
內(nèi)部樣式是指直接在網(wǎng)頁代碼中編寫 CSS 樣式，使用<style>標(biāo)簽將 CSS 樣式插入到 HTML 文件中。這種方式的優(yōu)點是能夠直接在 HTML 文件中編輯和查看樣式效果，而且不需要額外的 CSS 文件。但是，當(dāng)需要對多個頁面應(yīng)用相同的樣式時，就需要在每個頁面中都復(fù)制一遍相同的代碼，這樣就造成了代碼冗余。
<html>
<head>
<title>網(wǎng)頁標(biāo)題</title>
<style>
/* 這里是 CSS 樣式 */
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>這是一個標(biāo)題</h1>
<p>這是一個段落。</p>
</body>
</html>外部樣式是指使用單獨的 CSS 文件來引用樣式，使用<link>標(biāo)簽將 CSS 文件鏈接到 HTML 文件中。這種方式的優(yōu)點是能夠使 HTML 代碼更加簡潔，樣式和內(nèi)容分離，代碼維護(hù)更加方便。可以在一個 CSS 文件中定義多個頁面公共的樣式，減少了代碼冗余。
// index.html
<html>
<head>
<title>網(wǎng)頁標(biāo)題</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>這是一個標(biāo)題</h1>
<p>這是一個段落。</p>
</body>
</html>
// style.css
/* 這里是 CSS 樣式 */
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
}在實際開發(fā)中，常常使用外部樣式引用，由于其方便維護(hù)和代碼復(fù)用性高的優(yōu)點。