在Web開發(fā)中，樣式的設(shè)計不僅僅是美觀，還要在提高用戶體驗的同時提升網(wǎng)站的性能。HTML中設(shè)置樣式的方式主要有兩種：內(nèi)聯(lián)樣式和外部樣式表，使用CSS控制各個元素的樣式。

其中內(nèi)聯(lián)樣式是直接在HTML標簽內(nèi)添加style屬性，并賦值樣式屬性，如下所示：

<p style="color: red; font-size: 16px;">我是紅色字體，字號為16px</p>

外部樣式表是將CSS代碼抽取出來，放在單獨的CSS文件中，然后在HTML頁面通過link標簽引入，如下所示：

<link rel="stylesheet" href="style.css">

在CSS中，可以通過類、ID、標簽等方式選擇元素，并指定相應(yīng)的樣式，如下所示：

.text {
color: blue;
font-size: 14px;
}
#title {
color: green;
font-size: 20px;
}
p {
font-family: Arial, sans-serif;
}

以上代碼中，.text表示選擇class為text的元素，#title表示選擇ID為title的元素，p則表示選擇p標簽元素。屬性值可根據(jù)需要進行設(shè)置，如字體大小、顏色、字體等。

在JS中，可以通過獲取元素的方式，動態(tài)修改元素的屬性，從而實現(xiàn)樣式的動態(tài)改變。如下所示：

var element = document.getElementById('title');
element.style.color = 'red';
element.style.fontSize = '16px';

以上代碼中，通過getElementById方法獲取ID為title的元素，并設(shè)置其顏色為紅色，字體大小為16px。