<div>調用CSS是指將樣式信息與HTML標簽進行關聯，以使網頁的呈現更具有吸引力和可讀性。在HTML中，可以使用內聯樣式、內部樣式表和外部樣式表來定義和引用CSS樣式。本文將通過幾個代碼案例詳細解釋<div>如何調用CSS。
在HTML中，可以使用內聯樣式為<div>元素直接設置CSS屬性。例如，可以通過在<div>標簽內使用style屬性來指定字體顏色、背景顏色等屬性。下面是一個示例：

將<div>的背景顏色設置為藍色:

<div style="background-color: blue">這是一個藍色的<div>

此外，可以通過為<div>元素添加類名或ID，然后在內部樣式表或外部樣式表中定義相應的CSS樣式來調用CSS。例如，通過添加類名或ID，可以在CSS樣式表中定義<div>元素的特定樣式。下面是一個示例：

在內部樣式表中定義<div>的字體樣式：

<style>
.blue-div {
color: blue;
font-size: 16px;
}
</style>
<div class="blue-div">這是一個藍色字體、16像素字號的<div>

同樣地，在外部樣式表中定義<div>的邊框樣式：

HTML：
<div class="border-div">這是一個有邊框的<div>
<br>
CSS（外部樣式表）：
.border-div {
border: 1px solid black;
padding: 10px;
}

通過外部樣式表調用CSS具有更好的可維護性和靈活性。將CSS樣式與HTML標簽分離可以減少冗余代碼并提高代碼的可讀性。可以通過在HTML中引用外部樣式表來實現此目的。以下是一個示例：

在HTML中引用外部樣式表：

<link rel="stylesheet" href="style.css">
<br>
style.css：
.blue-div {
color: blue;
font-size: 16px;
}

通過上述幾個例子，我們可以看到如何通過<div>調用CSS來設置元素的樣式。使用內聯樣式、內部樣式表或外部樣式表都可以根據實際需求來選擇合適的方式。但需要注意的是，使用外部樣式表可以提供更好的維護性和擴展性。無論哪種方式，通過<div>調用CSS都可以為網頁提供更加豐富和個性化的外觀。