HTML 外部調用 CSS 是一種在 HTML 頁面中通過 CSS 樣式表來調用外部樣式表的方法。通過這種方式，我們可以在 HTML 頁面中添加樣式表，并通過 CSS 來調整頁面的外觀和布局。與傳統的 HTML 樣式表嵌入方式相比，外部調用 CSS 具有許多優點，如靈活性高、可擴展性強、易于維護等。
外部調用 CSS 可以通過在 HTML 頁面的頭部區域添加 CSS 樣式表來實現。通常，我們可以在 HTML 頁面的頭部區域添加一個 `<style>` 標簽，在其中定義 CSS 樣式表。例如，我們可以這樣編寫 HTML 代碼：
```html
<head>
<style>
/* CSS 樣式表內容 */
</style>
</head>
在上面的代碼中，`<style>` 標簽是 HTML 頁面頭部區域的入口點，我們可以在其中定義 CSS 樣式表。
在定義 CSS 樣式表時，我們可以使用屬性來設置樣式，如顏色、字體、大小等。例如，我們可以這樣設置頁面的背景顏色：
```css
body {
background-color: #f00;
在上面的代碼中，`body` 元素的背景顏色設置為 #f00。
除了使用屬性來設置樣式外，我們還可以使用 ID 或 class 來定義樣式。例如，我們可以這樣定義頁面中文本的字體顏色：
```css
color: #ff0000;
在上面的代碼中，`h1` 元素中的文本顏色設置為 #ff0000。
外部調用 CSS 的優點在于它的靈活性高、可擴展性強、易于維護。當我們需要修改 HTML 頁面的樣式時，只需修改 CSS 樣式表即可。此外，外部調用 CSS 還可以方便地與其他樣式表進行集成，如與 JavaScript 樣式表進行集成，以實現更復雜的樣式效果。
當然，外部調用 CSS 也有一些缺點，如性能較差、對服務器的請求次數較多等。因此，在實際應用中，我們需要根據具體情況來權衡利弊，選擇最適合的實現方式。
總之，外部調用 CSS 是 HTML 頁面中一種非常實用的樣式設置方法，它可以大大提高頁面的美觀度和易用性。通過了解和使用外部調用 CSS，我們可以更好地把握 HTML 和 CSS 之間的協作關系，為網站的建設和維護提供更多便利。