MVC（Model-View-Controller）是一種常用的軟件架構模式。在MVC中，模型（Model）負責管理應用程序的數據和狀態。視圖（View）負責展示數據和給用戶提供交互的界面。控制器（Controller）負責在模型和視圖之間調解，控制數據的流動。

在MVC中，視圖布局是很重要的一部分。它們通過CSS來定義樣式和布局。

/* 標題樣式 */
h1 {
color: #333;
font-size: 32px;
margin-bottom: 20px;
}
/* 內容樣式 */
.content {
width: 80%;
margin: 0 auto;
}
/* 左側欄樣式 */
.sidebar {
width: 20%;
float: left;
}
/* 主內容區樣式 */
.main {
width: 80%;
float: left;
}
/* 頁腳樣式 */
.footer {
clear: both;
background-color: #eee;
height: 50px;
line-height: 50px;
text-align: center;
}

以上是一段基本的MVC布局頁CSS代碼。其中，h1定義了頁面標題的樣式，.content定義了所有內容區域的寬度和水平居中等樣式，.sidebar和.main分別定義了左側欄和主內容區的樣式，.footer則定義了頁面底部的樣式。

總之，MVC布局頁CSS的作用是為視圖提供一致的外觀和布局。這樣，不同的視圖可以共享同樣的CSS樣式表，從而避免重復編寫代碼。同時，CSS還可以提供許多其他的功能，如響應式布局、過渡效果等等。