在JS頁面中直接寫CSS樣式的方法如下：

1、內(nèi)聯(lián)樣式：直接在HTML元素中使用style屬性來添加CSS樣式。

<div style="color: red; background-color: blue;">這是一個(gè)div元素</div>

2、JS中操作樣式：通過JS動(dòng)態(tài)地改變HTML元素的樣式，使用document.getElementById或document.querySelector來獲取元素，然后設(shè)置其樣式。

var div = document.getElementById('myDiv');
div.style.color = 'red';
div.style.backgroundColor = 'blue';

3、創(chuàng)建Style元素：在JS中創(chuàng)建一個(gè)新的style元素，并將其添加到文檔中，這種方法可以用來動(dòng)態(tài)地添加或修改CSS規(guī)則。

var style = document.createElement('style');
style.innerHTML = 'div { color: red; background-color: blue; }';
document.head.appendChild(style);

4、CSSStyleSheet接口：使用CSSStyleSheet接口來創(chuàng)建和管理CSS規(guī)則，這種方法提供了更***別的控制，可以用來處理更復(fù)雜的CSS樣式。

將CSS樣式直接寫在JS頁面中并不是***佳實(shí)踐，因?yàn)樗赡軐?dǎo)致代碼混亂且難以維護(hù)，建議將CSS樣式寫在單獨(dú)的CSS文件中，并通過JS來動(dòng)態(tài)地應(yīng)用這些樣式。