在網頁設計中，CSS文件是非常重要的一部分，它可以控制網頁的樣式和布局。但是，很多時候我們需要在不刷新頁面的情況下更改CSS文件，這就需要用到動態更改CSS文件的方法。

動態更改CSS文件的方法有很多種，其中最常用的方法是通過JavaScript來實現。我們可以使用JavaScript動態創建或修改CSS文件的樣式規則，然后把這些規則插入到HTML文檔的頭部中。

var style = document.createElement("style");
style.type = "text/css";
style.innerHTML = "body {background-color: #f1f1f1;}";
document.getElementsByTagName("head")[0].appendChild(style);

在這個例子中，我們使用了JavaScript來創建一個style元素，并設置它的type屬性為"text/css"，然后在該元素中插入了一條樣式規則，即將body元素的背景顏色設置為 #f1f1f1，最后把這個新創建的style元素插入到HTML文檔的頭部中。

除了動態創建CSS樣式規則之外，我們還可以使用JavaScript來獲取已有的CSS樣式規則，并修改它們的屬性值。在下面的例子中，我們獲取了body元素的背景顏色屬性，并將它修改為 #000000。

var body = document.querySelector("body");
body.style.backgroundColor = "#000000";

這個例子中，我們使用了querySelector方法來獲取了文檔中的第一個body元素，然后通過修改其style屬性來實現對背景顏色的更改。

通過以上的例子，我們可以看到，動態修改CSS文件非常簡單，只需要使用一些簡單的JavaScript代碼就可以實現。這為我們在網站設計中增加了更多有趣的特效和交互方式。