在編寫網頁時，我們經常使用JavaScript語言來動態地修改HTML元素的樣式。但是，相比于直接在JavaScript代碼中寫入樣式，使用CSS文件進行樣式的管理更為靈活和方便。接下來，我們就來介紹一下如何在JavaScript代碼中使用CSS文件。

// 首先，我們需要在HTML文件中引入相應的CSS文件
<link rel="stylesheet" type="text/css" href="style.css">
// 然后，在JavaScript代碼中選中需要修改樣式的HTML元素
var elem = document.getElementById("example");
// 接著，我們可以使用以下代碼獲取該元素對應的CSS屬性值
var css = window.getComputedStyle(elem);
var color = css.getPropertyValue("color");
var fontSize = css.getPropertyValue("font-size");
// 或者，我們也可以使用以下代碼直接修改該元素的CSS樣式
elem.style.color = "red";
elem.style.fontSize = "20px";

需要注意的是，通過elem.style直接修改元素的樣式只能修改內聯樣式，不能影響外部CSS樣式。另外，不同瀏覽器對于獲取元素的CSS樣式有些許差別，需要根據具體情況進行區分和處理。

除了以上介紹的方法外，還有一些其他的JS庫和框架，如jQuery等，可以幫助我們更好地管理CSS樣式。但是，無論是哪種方法，都需要我們在編寫網頁時注重CSS文件的編寫和管理，從而實現更加規范、靈活、美觀的網頁設計。