CSS外部文件是指將CSS樣式表文件存儲在外部文件中，以便在其他項目中引用。下面是一個使用CSS外部文件的案例。

案例：使用CSS外部文件來自定義一個頁面的布局

假設有一個名為“index.css”的CSS樣式表文件，該文件包含了頁面的布局和樣式?，F在，我們希望將這個CSS樣式表文件存儲在“/static/css”目錄中，以便在其他項目中可以引用。我們可以使用以下代碼將CSS樣式表文件存儲為外部文件：

// 在文件頭添加引用

<link rel="stylesheet" href="/static/css/index.css">

然后，我們可以在其他項目中使用這個外部文件來自定義頁面的布局。例如，在“/static/js”目錄中創建一個名為“style.js”的文件，并將以下內容添加到文件中：

// 引入CSS樣式表

document.addEventListener('link', function(event) {

event.preventDefault();

var stylesheet = document.createElement('link');

stylesheet.rel = 'stylesheet';

stylesheet.type = 'text/css';

stylesheet.href = '/static/css/index.css';

document.head.appendChild(stylesheet);

在這個例子中，我們使用JavaScript來在頁面加載時動態地加載CSS樣式表。這樣做的好處是，我們可以在其他項目中輕松地引用這個外部文件，而無需修改代碼。

通過使用CSS外部文件，我們可以輕松地自定義頁面的布局和樣式，而無需修改代碼。這對于開發人員來說非常方便，也提高了開發效率。