在開發網頁時，我們常常需要使用CSS樣式來美化頁面，CSS樣式的收藏也變得越來越重要了。下面就讓我們來看一下如何方便地收藏CSS樣式。

/* 例子 */
/* 背景色 */
body {
background-color: #333;
}
/* 標題字體樣式 */
h1 {
font-size: 24px;
color: #fff;
}
/* 鏈接樣式 */
a {
text-decoration: none;
color: #09f;
border-bottom: 1px solid #09f;
}
/* 按鈕樣式 */
button {
padding: 12px 24px;
background-color: #09f;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}

如果我們要收藏上面的CSS樣式，我們只需要復制整個CSS代碼，然后把它粘貼到我們的文本編輯器或筆記本中即可。這種方式比較簡單粗暴，但是不夠方便。

更好的方式是使用CSS樣式的管理器或者書簽工具。例如Chrome瀏覽器的Stylish擴展或者Bookmarklet工具，都可以方便地讓我們管理和收藏CSS樣式。

使用Stylish擴展，我們可以把CSS樣式保存到擴展中，然后在頁面中啟用或者禁用這些樣式。這樣做的好處是，我們可以針對不同的網站，分別定制自己的CSS樣式，而不會相互沖突。另外，Stylish擴展還支持分享網友的CSS樣式，讓我們可以更方便地使用和學習。

使用Bookmarklet工具的好處在于，我們可以把CSS樣式的書簽保存到瀏覽器的書簽欄中，然后隨時啟用或者禁用這些樣式。這樣做的好處在于，我們可以快速地切換不同的CSS樣式，而不需要去管理器中操作。

綜上所述，CSS樣式的收藏是非常重要的，因為它可以讓我們更方便地定制網頁的外觀和功能。無論使用哪種方式收藏CSS樣式，都可以提高我們的工作效率，讓我們更好地完成網頁開發任務。