CSS（層疊樣式表）是前端開發領域中不可或缺的技能之一。通過 CSS 可以為網頁添加樣式、布局和動態效果。在進行網頁設計時，合理地使用 CSS 頁面排版技巧可為用戶帶來更好的閱讀體驗，提高網頁的可讀性和可操作性。下面將簡單介紹一些基本的 CSS 頁面排版技巧。

/* 設置頁面主要元素樣式 */
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #fff;
color: #93a2ad;
}
/* 設置標題樣式 */
h1, h2, h3 {
font-weight: bold;
color: #404040;
margin: 0 0 10px;
}
/* 設置段落樣式 */
p {
margin: 0 0 20px;
line-height: 1.5;
}
/* 設置鏈接樣式 */
a {
color: #3182ce;
text-decoration: none;
}
/* 設置列表樣式 */
ul, ol {
margin: 0 0 20px;
padding: 0;
}
/* 設置列表項樣式 */
li {
margin: 0 0 5px 25px;
}
/* 設置圖片樣式 */
img {
max-width: 100%;
}
/* 設置盒模型樣式 */
.box {
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
/* 設置響應式布局樣式 */
@media (max-width: 48em) {
.box {
padding: 10px;
}
}

以上代碼是一個簡單的 CSS 頁面排版樣式表。通過設置主要元素的樣式，如頁面文字、標題、段落、鏈接、列表等元素的樣式，可以實現文本效果的優化。同時，通過設置邊框、圓角等 CSS 樣式，可為頁面元素添加視覺上的特點。

此外，通過響應式布局技術，可以讓網頁適應不同設備尺寸的顯示，從而為用戶提供更好的瀏覽體驗。例如，在以上樣式表中，當設備尺寸小于等于 48em 時，將 .box 元素的內邊距調整為 10px。

總之，通過簡單的 CSS 頁面排版技巧，我們可以輕松地實現頁面文本優化、元素特效和響應式布局等功能。這些技巧適用于各種 Web 開發項目，希望對您有所幫助。