在創建網頁時，主題和模板起著非常重要的作用。它們可以讓你的網站看起來更加專業、整潔，給用戶帶來更好的瀏覽體驗。而作為一個前端開發者，熟練掌握CSS網頁模板是非常關鍵的。下面將演示一些常用的CSS網頁模板。

/* 標題樣式 */
h1 {
font-size: 35px;
color: #333;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
/* 段落樣式 */
p {
font-size: 16px;
line-height: 1.6em;
color: #666;
margin-bottom: 20px;
}
/* 鏈接樣式 */
a {
color: #428bca;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* 盒子樣式 */
.box {
width: 500px;
height: 300px;
margin: 0 auto;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 2px 2px rgba(0,0,0,.15);
}
/* 按鈕樣式 */
.button {
display: inline-block;
border-radius: 4px;
background-color: #428bca;
border: none;
color: #fff;
text-align: center;
font-size: 18px;
padding: 10px 20px;
margin: 10px;
cursor: pointer;
}
.button:hover {
background-color: #357ebd;
}

以上代碼展示了一些常見的CSS樣式，包括標題樣式、段落樣式、鏈接樣式、盒子樣式、按鈕樣式等。這些樣式可以在不同的網頁中共用，可以提高開發效率。

除此之外，還有很多優秀的CSS網頁模板可以使用，例如Bootstrap、Ant Design等。這些模板都有自己的特點，可以根據實際需求選擇使用。

總之，CSS網頁模板是非常重要的，可以幫助我們快速創建美觀、規范的網頁，提高開發效率和用戶體驗。我們需要不斷學習和實踐，熟練掌握各種CSS樣式，才能更好地完成我們的工作。