導入和導出 CSS 樣式是一種常用的技術，可以讓設計師和開發人員在不同的項目中使用相同的樣式，而無需修改源代碼。在這篇文章中，我們將介紹如何導入和導出 CSS 樣式。

## 導入 CSS 樣式

導入 CSS 樣式可以通過使用 CSS 文件管理器(例如 Webpack、Gulp、Grunt 等)或直接編輯 HTML 文件來實現。使用 CSS 文件管理器可以將 CSS 文件打包成一個或多個文件，使它們更容易導入和導出。例如，使用 Webpack 可以將 CSS 文件打包成一個或多個文件，并將它們導入到項目中。

使用 CSS 文件管理器時，需要選擇要導入的 CSS 文件，并將其添加到 CSS 文件管理器中的“資源”中。然后，可以使用 CSS 文件管理器中的“構建”選項卡來生成一個單獨的 CSS 文件。生成的 CSS 文件可以保存在項目中，以便在需要時使用。

## 導出 CSS 樣式

要導出 CSS 樣式，可以使用 CSS 文件管理器中的“導出”選項卡。在導出之前，可以選擇將 CSS 文件打包成一個或多個文件。例如，使用 Webpack 可以將 CSS 文件打包成一個或多個文件，并將它們導出到項目中。

在導出之前，還可以選擇將 CSS 文件打包成一個文件，以便在項目中更快速地使用。例如，使用 Webpack 可以將 CSS 文件打包成一個文件，并將其保存在項目中。在導出時，可以使用 CSS 文件管理器中的“構建”選項卡來生成一個單獨的 CSS 文件。

此外，可以使用瀏覽器的開發者工具(例如 Chrome DevTools)來查看和修改 CSS 文件。可以使用瀏覽器的開發者工具將 CSS 文件導入到項目中，并查看它們的樣式和屬性。還可以使用瀏覽器的開發者工具將 CSS 文件導出到項目中，以便在需要時使用。

使用 CSS 文件管理器和瀏覽器的開發者工具可以方便地導入和導出 CSS 樣式。通過導入和導出 CSS 樣式，設計師和開發人員可以在不同的項目中使用相同的樣式，而無需修改源代碼。