在網頁制作過程中，布局是一個非常重要的部分。CSS作為網頁樣式表的一部分，是控制網頁布局的重要工具。以下是一些常見的CSS頁面布局代碼。

/*1、單欄固定寬度布局*/
.container {
width: 960px;
margin: 0 auto;
}
/*2、兩欄固定寬度布局(左側欄固定寬度)*/
.container {
width: 960px;
margin: 0 auto;
}
.main {
float: left;
width: 700px;
}
.sidebar {
float: right;
width: 260px;
}
/*3、兩欄固定寬度布局(右側欄固定寬度)*/
.container {
width: 960px;
margin: 0 auto;
}
.main {
float: right;
width: 700px;
}
.sidebar {
float: left;
width: 260px;
}
/*4、三欄固定寬度布局*/
.container {
width: 960px;
margin: 0 auto;
}
.left {
float: left;
width: 200px;
}
.right {
float: right;
width: 200px;
}
.main {
margin: 0 220px;
}
/*5、響應式網格布局*/
.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 20px;
}
/*6、彈性布局*/
.container {
display: flex;
flex-wrap: wrap;
}
.box {
flex: 1;
margin: 20px;
}
/*7、水平居中布局*/
.container {
display: flex;
justify-content: center;
}
/*8、垂直居中布局*/
.container {
display: flex;
align-items: center;
}

以上僅是部分常見的CSS頁面布局代碼。在實際網頁制作中，可根據實際情況選擇合適的布局方案。