CSS 頁面三分之一是Web設計中常用的一種布局方式，通過CSS的實現，將頁面分為三等分來展示內容，使得頁面結構更加整潔、美觀，易于閱讀。

要實現CSS 頁面三分之一，需要使用CSS中的盒模型。首先，將頁面分別分成三個區域，每個區域寬度為頁面寬度的三分之一，可以使用如下代碼：

.container{
width:100%;
}
.left{
float:left;
width:33.33%;
}
.middle{
float:left;
width:33.33%;
}
.right{
float:left;
width:33.33%;
}

以上代碼將容器元素 .container 的寬度設置為100%，然后將左側區域、中間區域和右側區域設置為同樣的寬度，均為容器寬度的三分之一。使用 float 屬性將它們排列在同一行。

在實際應用中，可以進一步設置每個區域的內部元素樣式，在左側區域展示導航菜單，中間區域展示文章列表，右側區域展示社交媒體分享按鈕等等。

總之，CSS 頁面三分之一是一種簡單實用、常用的Web設計布局方式，適用于各種Web應用中，讓網頁內容更加優化、美觀、易于閱讀。