腳本化 CSS 是什么意思？它指的是使用 JavaScript 操作 CSS 樣式的技術。

通過腳本化 CSS，我們可以更加方便地對頁面樣式進行改變，而不需要手動修改 CSS 文件。

// 使用 JavaScript 操作 CSS 樣式
document.querySelector('#box').style.width = '100px';
document.querySelector('#box').style.height = '100px';
document.querySelector('#box').style.backgroundColor = 'red';

上面的代碼演示了如何使用 JavaScript 修改一個 ID 為 box 的元素的樣式，我們使用了 DOM 操作和屬性賦值的方式來實現。

除了直接操作樣式屬性之外，我們也可以使用 class 來控制樣式，這樣可以更加方便地管理樣式。

// 使用 JavaScript 操作 CSS class
document.querySelector('#box').classList.add('active');
document.querySelector('#box').classList.remove('inactive');

上面的代碼演示了如何使用 JavaScript 添加和刪除一個 ID 為 box 的元素的 class，我們使用了 classList 屬性和 add、remove 方法來實現。

腳本化 CSS 提供了更大的靈活性和可操作性，可以使頁面樣式更加動態化和交互化。