<div>是HTML中最常用的標簽之一，用于定義頁面中的一個獨立區域。而字號加粗是通過CSS樣式來實現的。在HTML中，<div>標簽用于劃分頁面的結構和布局，而CSS則用于定義頁面中各個元素的樣式和外觀。通過結合使用<div>和CSS樣式，我們可以輕松地對頁面中的文字進行字號和加粗的設置。
下面是幾個代碼案例，分別對應了不同的字號和加粗設置。，我們定義一個<div>元素，并在其中插入文字。

<div id="text">
這是一段示例文本。
</div>

然后，我們可以使用CSS樣式來設置字體的大小和加粗效果。

#text{
font-size: 14px;
font-weight: normal;
}
<br>
#text.bold{
font-weight: bold;
}
<br>
#text.big{
font-size: 18px;
}
<br>
#text.bigbold{
font-size: 18px;
font-weight: bold;
}

在上述代碼中，我們定義了一個id為"text"的div元素，并給它設置了默認的字號和加粗效果。接下來，我們為這個div元素定義了一些自定義的CSS類。其中，.bold類設置了加粗效果，.big類設置了大字號，而.bigbold類則同時設置了大字號和加粗效果。
接下來，我們使用JavaScript來實現在點擊按鈕時切換字號和加粗效果。

<button onclick="changeStyle()">切換樣式</button>

function changeStyle(){
var textElement = document.getElementById("text");
if(textElement.className === "bold"){
textElement.className = "big";
} else if(textElement.className === "big"){
textElement.className = "bigbold";
} else if(textElement.className === "bigbold"){
textElement.className = "";
} else {
textElement.className = "bold";
}
}

在上述代碼中，我們定義了一個按鈕，當點擊按鈕時，調用changeStyle()函數來切換樣式。在changeStyle()函數中，我們獲取到id為"text"的元素，并根據其當前的className屬性來切換樣式。如果當前樣式是.bold，則切換到.big樣式；如果當前樣式是.big，則切換到.bigbold樣式；如果當前樣式是.bigbold，則移除所有樣式；如果當前樣式為空，則切換到.bold樣式。
通過上述幾個代碼案例，我們可以清晰地看到如何使用<div>和CSS樣式來實現字號和加粗的設置。這些方法可以靈活地應用于各種網頁和應用中，以滿足不同樣式要求。無論是調整字號，還是設置加粗效果，都可以通過<div>和CSS樣式來實現。