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