在JavaScript中，我們可以通過(guò)多種方式為HTML body添加CSS樣式，以下是一些常見(jiàn)的做法：

1、直接操作style屬性：我們可以直接訪問(wèn)HTML元素的style屬性，并設(shè)置所需的CSS樣式，給body添加背景顏色和字體樣式：

document.body.style.backgroundColor = 'blue';
document.body.style.fontFamily = 'Arial, sans-serif';

2、使用CSSStyleSheet：我們可以創(chuàng)建一個(gè)CSSStyleSheet，并添加樣式規(guī)則到其中，然后將這個(gè)樣式表應(yīng)用到HTML文檔中，這種做法更加靈活，可以方便管理和維護(hù)樣式規(guī)則。

var styleSheet = document.createElement('style');
styleSheet.type = 'text/css';
styleSheet.innerHTML = `
    body {
        background-color: blue;
        font-family: Arial, sans-serif;
    }
`;
document.head.appendChild(styleSheet);

3、使用innerHTML或outerHTML：我們可以使用innerHTML或outerHTML屬性來(lái)直接設(shè)置HTML元素的內(nèi)容，包括樣式，這種方法可以方便地插入預(yù)定義的樣式規(guī)則。

var styleRules = `
    body {
        background-color: blue;
        font-family: Arial, sans-serif;
    }
`;
document.body.innerHTML =<style>${styleRules}</style> + document.body.innerHTML;

這些方法都可以用來(lái)給HTML body添加CSS樣式，選擇哪種方法取決于具體的需求和場(chǎng)景。