CSS是用于網頁布局和樣式設計的語言。在創建CSS規則的時候，我們會將它們保存在一個樣式文件中，以便可以在整個網站的不同頁面中使用。下面是一個關于如何將CSS規則保存到樣式文件的簡短指南。

首先，我們需要創建一個新的CSS文件。這個文件可以使用文本編輯器來創建，然后將其保存為.CSS文件格式。之后，在我們準備編寫CSS規則之前，我們需要使用pre標簽來標識出代碼區域，這樣可以使得代碼更加易于被識別和閱讀。

/* 布局網頁 */
body {
font-family: Arial, san-serif;
font-size: 16px;
background-color: #F5F5F5;
}
/* 定義鏈接樣式 */
a {
color: #3d3d3d;
text-decoration: none;
}
/* 定義按鈕樣式 */
.btn {
display: inline-block;
border: 2px solid #3d3d3d;
padding: 10px 20px;
color: #3d3d3d;
font-weight: bold;
text-align: center;
margin-top: 20px;
}

上面的代碼展示了三個CSS規則，包括布局網頁、定義鏈接樣式和定義按鈕樣式。這些規則都被保存在一個同名的樣式文件中。可以通過在HTML文件中鏈接到這個樣式文件來調用這些規則。

CSS規則的保存是一個非常重要的步驟，在網頁設計和開發中，它能夠使得我們節省時間和避免出現繁瑣的問題。如果您正在使用CSS來制作網站，那么有關如何將規則保存在樣式文件中的知識是絕對必要的。