網站頁面的css樣式模板非常重要，它可以幫助設計師快速創建一個具有可讀性、可維護性、易擴展性和一致性的網站樣式。下面是一個簡單的樣式模板示例：

/* 全局樣式 */
body {
font-size: 16px;
font-family: Arial, sans-serif;
}
/* 導航欄樣式 */
nav {
background-color: #333;
color: #fff;
height: 50px;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
margin: 0 10px;
}
nav a {
color: #fff;
text-decoration: none;
}
/* 主要內容樣式 */
.main-content {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
/* 按鈕樣式 */
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #333;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: all 0.3s ease;
}
.btn:hover {
background-color: #fff;
color: #333;
}

該模板包含了全局樣式、導航欄樣式、主要內容樣式和按鈕樣式。這些樣式通過類名和元素選擇器進行了定義，可以直接在網站的HTML文件中使用。在實際的開發中，設計師可以通過修改該樣式模板，適應不同的網站需求。