在JavaScript中，我們可以通過修改HTML元素的CSS樣式來改變其外觀和行為。CSS是用于定義網頁元素的樣式規則的標記語言。在JavaScript中，我們可以使用CSS屬性來修改HTML元素的CSS樣式，這些屬性包括：

1. `style` 屬性：用于修改HTML元素的整體樣式，包括顏色、字體、邊框、背景等。例如，我們可以將HTML元素的屬性設置為：

```html

<div style="width: 200px; height: 200px; background-color: blue;">

<p>Hello, World!</p>

</div>

```

這將使得該HTML元素的寬度和高度均為200像素，背景顏色為藍色。

2. `style.css` 屬性：用于修改HTML元素特定的CSS樣式，可以通過該屬性進入CSS樣式文件。例如，如果我們有一個名為`style.css`的CSS文件，并將`style.css`屬性應用于HTML元素，則該元素將接受該文件定義的樣式規則。例如：

```html

<div style="width: 200px; height: 200px; background-color: blue; " style.css>

<p>Hello, World!</p>

</div>

```

這將使得該HTML元素的寬度和高度均為200像素，背景顏色為藍色，并且其中的文本將接受`style.css`文件中定義的樣式規則。

3. `style` 和 `style.css` 屬性的混合使用：我們可以將`style`屬性和`style.css`屬性混合使用，以便修改HTML元素的整體樣式和特定的CSS樣式。例如：

```html

<div style="width: 200px; height: 200px; background-color: blue;">

<p>Hello, World!</p>

<div style="width: 200px; height: 200px; background-color: green; " style.css>

<p>Hello, World!</p>

</div>

</div>

```

這將使得該HTML元素的寬度和高度均為200像素，背景顏色為藍色，而其中的文本和外部背景顏色將分別接受`style.css`文件中定義的樣式規則。

通過修改HTML元素的CSS樣式，我們可以改變其外觀和行為。在JavaScript中，我們可以使用CSS屬性來修改HTML元素的CSS樣式，以便在JavaScript中更好地控制網頁的外觀和行為。