在前端開發中，CSS 是一門不可或缺的語言。我們可以使用 CSS 來控制頁面的布局、樣式和動畫等等。而為了實現這些效果，我們需要編寫 CSS 樣式。

對于一些簡單的樣式，我們可以直接在 HTML 文件中使用 style 屬性來定義。但是如果我們需要控制復雜的樣式，或者使樣式共用于多個頁面，我們需要單獨編寫 CSS 文件并引入到 HTML 文件中。此時，CSS 樣式文件就變得非常重要了。

那么問題來了，我們應該自己編寫 CSS 樣式還是使用第三方的 CSS 框架呢？這是一個值得探討的問題。

首先，使用第三方 CSS 框架可以大幅提高開發者的開發效率。這些框架已經為我們準備好了許多常用的樣式和布局模板，我們只需要在 HTML 文件中引入相應的 CSS 文件，就可以快速搭建一個美觀且響應式的頁面。同時，這些框架還為我們解決了一些兼容性的問題，尤其是在處理移動設備上的樣式時。

但是，使用第三方 CSS 框架也有其缺點。一方面，這些框架有其固有的設計和樣式風格，可能與我們項目的需求并不完全匹配。另一方面，這些框架的代碼也可能被壓縮，難以組合和自定義。因此，在開發定制化和高性能的項目時，自己編寫 CSS 樣式可能更加合適。

總的來說，編寫 CSS 樣式不僅有助于我們深入了解 CSS 的工作原理，更能讓我們根據項目的需求實現更加個性化的樣式效果。因此，在選擇是否自己編寫 CSS 樣式時，需要根據具體情況來決定。

.btn {
display: inline-block;
padding: 0.5rem 1rem;
background-color: #f1356d;
color: #fff;
font-weight: bold;
border-radius: 4px;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}