在JavaScript中，我們可以使用import關鍵字來引入CSS文件，這個操作通常被稱為“CSS導入”或“CSS模塊化”，下面是如何在JavaScript中使用import來引入CSS文件的步驟：

1、創(chuàng)建CSS文件：你需要創(chuàng)建一個CSS文件，例如styles.css，其中包含你的樣式規(guī)則。

2、在JavaScript中導入CSS：你可以在你的JavaScript文件中使用import關鍵字來引入這個CSS文件。

import './styles.css';

這行代碼會將styles.css文件中的所有樣式規(guī)則導入到你的JavaScript文件中。

3、應用樣式：一旦你導入了CSS文件，你就可以在你的JavaScript代碼中應用這些樣式規(guī)則了，你可以使用document.body.style來修改HTML文檔的樣式。

需要注意的是，這種方法只在支持ES6模塊化的環(huán)境中有效，例如現(xiàn)代瀏覽器或Node.js，如果你在一個不支持ES6模塊化的環(huán)境中工作，你可能需要使用其他方法來引入和應用樣式。

雖然這種方法可以讓你在JavaScript中直接引用和應用樣式，但它并不直接支持CSS的預處理器（如Sass或Less）或后處理器（如PostCSS），如果你需要使用這些工具，你可能需要配置一個構建過程來轉換你的樣式文件。

使用JavaScript的import關鍵字來引入CSS文件是一種方便的方法，特別是在支持ES6模塊化的環(huán)境中，這種方法可以讓你更靈活地管理和應用樣式，特別是在你需要動態(tài)地改變樣式或創(chuàng)建可重用的樣式模塊時。