寫 CSS 的時候，我們有沒有可以參考的框架呢？答案是肯定的，事實上，有很多優秀的 CSS 框架供我們使用。

首先，我們來介紹一下 Bootstrap。Bootstrap 是一個免費的開源 CSS 框架，它由 Twitter 開發和維護。它的特點是響應式布局和平滑的樣式，使得開發人員可以快速、輕松地創建漂亮的網站。此外，Bootstrap 還提供了一個可擴展的插件系統，允許您輕松地添加新的功能。

/* 例子：Bootstrap 樣式 */
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}

另一個流行的 CSS 框架是 Foundation。和 Bootstrap 類似，Foundation 也是免費的開源框架，但是它更加注重高度可定制化，允許您更快地自定義您的樣式。

/* 例子：Foundation 樣式 */
.button {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.5em 1em;
font-size: 1rem;
line-height: 1.5;
border-radius: 0;
color: #fff;
background-color: #007dbc;
border-color: #007dbc;
}

除此之外，還有許多其他的 CSS 框架可供選擇，如 Semantic UI、Materialize 等。它們都有各自的特點，您可以根據項目需求和個人偏好來選擇使用。

總之，CSS 框架為我們提供了許多可用的樣式，極大地方便了我們的開發工作。當然，如果您熟練掌握 CSS，也可以自己編寫樣式，達成更加精準的效果。選擇使用框架還是手寫 CSS，最終還是取決于您的項目需求和個人能力。