CSS模板是一種常用的CSS技術，它可以讓我們在一個頁面上重復使用相同的樣式模板。模板可以定義所有元素的樣式屬性，從而幫助我們在整個項目中的多個頁面上保持一致性。下面，我們將介紹CSS模板的一些應用。

/* 基礎模板 */
.template {
font-size: 16px;
color: #333;
background-color: #fff;
text-align: center;
padding: 10px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}
/* 應用模板 */
.header {
@extend .template;
height: 60px;
line-height: 60px;
}
.navbar {
@extend .template;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
}
.footer {
@extend .template;
height: 80px;
line-height: 80px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.box {
@extend .template;
height: 200px;
width: 200px;
margin: 20px;
float: left;
}
/* 頁面應用 */
頭部導航
內容框1
內容框2
內容框3

在上面的例子中，我們定義了一個基礎的樣式模板，包含常見的樣式屬性。然后，我們定義了幾個應用模板，分別繼承了基礎模板，并根據需要添加了一些額外的屬性。最后，我們在頁面中應用了這些模板。

通過使用CSS模板，我們可以更有效地組織和維護樣式代碼。同時，它也讓我們更輕松地實現頁面樣式的一致性，提高了開發效率。