CSS外調是一種將CSS樣式表從HTML文檔中分離出來，存放在獨立的CSS文件中，并通過HTML文檔的標記鏈接起來，從而使HTML文檔更加簡潔、易于維護的方法。
如何實現CSS外調呢？首先需要創建一個獨立的CSS文件，可以使用文本編輯器，如Notepad、Sublime、VS Code等工具。在文件的第一行，需要使用pre標簽聲明文檔類型和字符編碼格式，例如：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS文件</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <p>這里是HTML文檔的內容。</p> </body> </html>在CSS文件中，可以定義各種樣式規則，例如字體、顏色、邊框、背景等。下面是一個簡單的示例：
body {
background-color: #f0f0f0;
}
p {
font-size: 16px;
color: #333;
text-align: center;
padding: 20px;
border: 1px solid #ccc;
background-color: #fff;
}以上代碼定義了body背景顏色和p標簽的字體、顏色、對齊方式、內邊距、邊框和背景顏色。注意，在CSS文件中，樣式規則之間使用分號分隔，必須用大括號將規則包含在內。
最后，在HTML文檔中使用標記將CSS文件鏈接到HTML文檔中，例如：<link rel="stylesheet" href="css/style.css">其中，href屬性指定CSS文件的路徑。 通過以上步驟，就可以實現CSS樣式外調，從而使HTML文檔變得更加簡潔、易于維護。