CSS網頁設計代碼模板非常重要，它可以幫助我們更快速地建立頁面樣式，提高開發效率。下面是一個簡單的CSS代碼模板供大家參考。

/* CSS Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Typography */
body {
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: #333;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
font-weight: bold;
line-height: 1.2;
margin-bottom: 1rem;
}
p {
margin-bottom: 1rem;
}
/* Layout */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -1rem;
}
.col {
flex: 1;
margin: 0 1rem;
}
/* Utilities */
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.bg-primary {
background-color: #007bff;
color: #fff;
}
.btn {
display: inline-block;
padding: 0.5rem 1rem;
border: none;
border-radius: 4px;
background-color: #007bff;
color: #fff;
transition: background-color 0.2s ease;
}
.btn:hover {
background-color: #0069d9;
}

以上是一個簡單的CSS網頁設計代碼模板，包含了常見的樣式和布局，可以供我們快速開發頁面。當然，根據需求的不同，也可以對模板進行修改或添加。