CSS樣式自動提取是一種方便的技術，可以幫助我們從一個網頁中提取出所有的CSS樣式并保存到一個單獨的文件中。這樣做不僅可以讓我們更好地了解網頁的結構和樣式，也可以幫助我們更好地使用和管理這些樣式。

常見的CSS樣式自動提取工具有很多，其中一些比較流行的包括Chrome的“Styles”面板、Firefox的“Style Editor”插件、以及一些在線工具如ExtractCSS和uncss等等。這些工具都可以在網頁中選擇要提取的元素，然后自動幫我們提取出它們所使用的CSS樣式。

下面是一個示例代碼，展示了如何使用Chrome的“Styles”面板來提取CSS樣式：

1. 打開Chrome瀏覽器并進入要提取樣式的網頁；
2. 右鍵點擊要提取的元素并選擇“Inspect”；
3. 在打開的面板中選擇“Styles”；
4. 可以看到面板中列出了當前元素使用的所有CSS樣式。選中其中的一個樣式，右鍵選擇“Copy rule”；
5. 將提取出來的CSS樣式保存到一個單獨的CSS文件中。

如果要提取整個網頁的CSS樣式，可以使用在線工具。例如，ExtractCSS可以通過分析網頁源碼，自動生成一個包含所有CSS樣式的文件，并去除其中未被使用的樣式。只需將網頁的源碼復制到提供的文本框中，點擊“Extract CSS”按鈕即可生成CSS文件。

總的來說，CSS樣式自動提取是一個非常有用的技術，可以節省我們大量的時間和精力，并且可以讓我們更好地管理和使用CSS樣式。雖然這些自動化工具可能無法完美地提取所有樣式，但通過自己的調試和手動編輯，我們可以得到非常精確和高效的CSS樣式文件。