JavaScript和CSS是Web前端開發中非常重要的兩個語言，其中JavaScript可以用來處理頁面上的動態交互和數據傳遞，而CSS則主要負責頁面的樣式設計。但是有時，我們需要讓JavaScript向CSS中傳遞一些數據，因此本文將介紹如何使用JavaScript文件向CSS文件傳值。

在JavaScript中向CSS文件傳值主要有兩種方法：使用樣式屬性和使用CSS變量。

方法一：使用樣式屬性

通過JavaScript獲取DOM元素，然后使用element.style.[property]賦值方式，即可以設置DOM元素的樣式屬性，例如：

//獲取DOM元素 
var element = document.getElementById('myDiv');
//設置樣式屬性 
element.style.backgroundColor = 'red';

以上代碼可以將id為myDiv的DOM元素的背景顏色設為紅色，這種方式可以直接在JavaScript中修改CSS樣式屬性的值，但是需要注意的是只可以修改單個元素的樣式屬性，并且需要使用style對象中的屬性名作為鍵名。

方法二：使用CSS變量

使用CSS變量的方式需要先在CSS中定義好變量名和變量值，然后通過JavaScript向CSS中傳遞參數，例如：

/*在CSS中定義變量*/
:root{
--bg-color: red;
}
/*在JavaScript中調用變量*/
document.documentElement.style.setProperty('--bg-color', 'blue');

通過將變量定義在:root選擇器中，可以將變量作用于整個文檔中的元素，然后使用setProperty()方法來修改變量的值，從而實現了JavaScript向CSS中傳遞參數的功能。

綜上所述，JavaScript向CSS中傳遞參數的方法有兩種，分別是使用樣式屬性和CSS變量，開發者可以根據需要選擇合適的方式來實現頁面的樣式設計。