在Web開發中，CSS是很重要的一部分。除了讓網頁變得美觀外，CSS還能用來創建頁面模板。下面介紹一些CSS技巧，幫助你創建頁面模板。

/*創建一個基本布局*/
body {
margin: 0;
padding: 0;
}
.container {
width: 960px;
margin: 0 auto;
}
.header {
background-color: #333;
color: #fff;
height: 60px;
line-height: 60px;
}
.content {
float: left;
width: 660px;
padding: 20px;
}
.sidebar {
float: right;
width: 240px;
padding: 20px;
}
.footer {
clear: both;
background-color: #333;
color: #fff;
height: 60px;
line-height: 60px;
}
/*樣式化表單*/
input[type="text"], input[type="email"], input[type="password"], textarea {
width: 100%;
padding: 10px;
border: none;
border-radius: 4px;
margin-bottom: 20px;
}
input[type="submit"] {
background-color: #333;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
/*創建網格*/
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.col-4 {
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 15px;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
padding: 0 15px;
}

這些CSS技巧可以幫助你創建基本的頁面模板。使用這些技巧，你可以快速地創建一個完整的網站！