近年來，隨著前端技術的快速發展，CSS公共樣式的使用越來越廣泛。CSS公共樣式可以大大減少代碼量，提高代碼復用率，同時也能保證網站的外觀風格的一致性。

在開發一個網站時，我們可以把一些常用的樣式封裝成公共樣式放在一個CSS文件中，如通用的頁面布局、字體、文字顏色、表格樣式等。這樣，每次開發新頁面時，只需要引入這個CSS文件，并添加自定義樣式即可完成頁面的開發。

當然，CSS公共樣式的編寫也需要一定的規范和規范化。通常情況下，我們可以將公共樣式放在一個單獨的CSS文件中，并在HTML代碼中通過link標簽引入。編寫公共樣式時，可以按照統一的命名規范，如BEM命名規范，方便后續的維護和修改。

/* 公共樣式 */
/* 通用顏色 */
.color-primary {
color: #0080ff;
}
.color-secondary {
color: #787878;
}
/* 頁面布局 */
.container {
width: 1200px;
margin: 0 auto;
}
/* 字體大小 */
.font-small {
font-size: 12px;
}
.font-medium {
font-size: 14px;
}
/* 表格樣式 */
.table {
border-collapse: collapse;
width: 100%;
}
.table th,
.table td {
border: 1px solid #ccc;
padding: 10px;
}
.table th {
background-color: #f7f7f7;
}

以上是一個簡單的CSS公共樣式示例，當然在實際的開發中還會有很多其他的公共樣式需要編寫。可以根據項目需求，靈活的添加和修改。

總之，CSS公共樣式的使用能夠減少代碼量，提升開發效率，同時也是項目規范化的重要組成部分。