HTML的div是一種重要的元素，用于在網頁中創建區域，并可以通過樣式來控制和美化。其中，字體設置是一個常見的需求，本文將介紹如何使用div來設置不同字體效果。 在進行字體設置前，需要先了解HTML中的段落標簽p和代碼標簽pre。p標簽用于創建段落，可以將一段文本包裹在p標簽內，瀏覽器會默認在每個p標簽前后添加一定的間距。例如： ```html

這是第一個段落。

這是第二個段落。

``` pre標簽用于顯示預格式化文本，保留文本中的空格和換行符，通常用于展示代碼、命令、日志等。例如： ```html

function printName(name) {
console.log("My name is " + name);
}
printName("Tommy");

``` 接下來，我們通過div和CSS來進行字體設置。首先，我們可以在樣式表中定義一個樣式class： ```html``` 然后，我們可以在HTML中使用div標簽來將文本包裹，并通過指定class來設置不同的字體效果。例如： ```html``` 上述代碼中，第一個div標簽使用了兩個class，.red表示紅色，.bold表示粗體。第二個div標簽使用了.red和.italic兩個class，表示紅色斜體字。通過這種方式，我們可以快速地為多個元素設置相同的字體效果，避免了在每個元素中重復編寫相同的樣式。 需要注意的是，如果要同時設置多個樣式，需要使用空格分隔不同的樣式class，例如： ```html``` 最后，在展示代碼時，建議使用pre標簽，并將代碼放在pre標簽內。這樣可以確保代碼的格式和縮進不受瀏覽器的影響，更加清晰易讀。 通過div和CSS的字體設置，我們可以為網頁中的不同元素設置不同的字體效果，讓網頁顯得更加豐富多彩。