CSS格式化模板是一種應用廣泛的技術，它能夠對網站進行樣式優化和美化。其中，CSS的編寫規范非常重要，為了方便團隊協作和提高代碼可維護性，最好采用一套統一的規范。

/* CSS格式化模板 */
/*---------------------------*/
/* 布局 */
.container {
width: 100%; /* 寬度設置為100% */
max-width: 1200px; /* 最大寬度1200px */
margin: 0 auto; /* 水平居中 */
padding: 0 20px; /* 左右留出20px的內邊距 */
box-sizing: border-box; /* 確保邊框和內邊距算入寬度 */
}
/* 字體 */
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 字體族名 */
font-size: 16px; /* 字體大小 */
line-height: 1.6; /* 行高 */
color: #333; /* 文字顏色 */
background-color: #fff; /* 頁面背景色 */
}
/* 鏈接 */
a {
color: inherit; /* 繼承字體顏色 */
text-decoration: none; /* 去掉下劃線 */
}
a:hover {
color: #333; /* 鼠標懸停時的顏色 */
}
/* 按鈕 */
.button {
display: inline-block; /* 以塊級元素展示 */
padding: 12px 24px; /* 上下內邊距12px, 左右內邊距24px */
font-size: 16px; /* 字體大小 */
font-weight: 600; /* 字體粗細 */
text-align: center; /* 文字居中 */
text-transform: uppercase; /* 轉化為大寫字母 */
color: #fff; /* 文字顏色 */
background-color: #333; /* 背景顏色 */
border-radius: 4px; /* 圓角 */
border: none; /* 去掉邊框 */
}
.button:hover {
opacity: 0.8; /* 鼠標懸停時的透明度 */
}

以上是一份基本的CSS格式化模板，可以根據自己的需要進行修改和擴展。這樣，在編寫CSS的時候，就可以快速、統一地完成樣式的設置了。